-3

我目前正在创建或至少尝试创建一个非常简单的画布元素。您应该可以选择从 2 个图像中选择 1 个。当您单击两个图像之一时，它应该出现在画布中吗？但我不能让它工作？

我确信图像名称正确。

有没有人可以帮助我？

<script>
var canvas = document.getElementById("mijnCanvas");
var context = canvas.getContext("2d");
var welkBestek = document.getElementById("fotos");

var tafelkleedKleur="#ff0000"; 
function tekenAlles(){
            context.beginPath();
            context.rect(0,0,canvas.width,canvas.height);

            //bord
            context.drawImage(bordPlaatje,0,25);

            //bestek
            if(welkBestek == "mesvork") {
                context.drawImage(mesvorkPlaatje,0,25);
            }
            else if (welkBestek == "stokjes") {
                context.drawImage(stokjesPlaatje,0,25);
            }
}

window.onload = function() {
tekenAlles();
}

function verander() {
    tafelkleedKleur = document.getElementById("tafelkleed").value;
    tekenAlles();
}

var bordPlaatje = new Image(); 
bordPlaatje.src='bord.png';

var mesvorkPlaatje = new Image(); 
mesvorkPlaatje.src='img/afbeelding1.jpg';

var stokjesPlaatje = new Image(); 
stokjesPlaatje.src='img/afbeelding2.jpg';
</script>
</div>
<div class="footer">
</div>
4

1 回答 1

0

根据您的代码示例，脚本正在寻找bord.jpg与 HTML 位于同一文件夹中的图像

var bordPlaatje = new Image(); 
bordPlaatje.src='bord.png';

虽然 mesvorkPlaatje 和 stokjesPlaatje 被引用为子文件夹。

var mesvorkPlaatje = new Image(); 
mesvorkPlaatje.src='img/afbeelding1.jpg';

var stokjesPlaatje = new Image(); 
stokjesPlaatje.src='img/afbeelding2.jpg';

你有一个子文件夹 img/ 吗？有图片吗？

ps：尝试在您的代码中使用英语，我在@start 中犯了同样的错误，虽然这对您来说是合乎逻辑的，但这并不意味着它对于另一个处理您的代码的人来说是合乎逻辑的。

于 2013-05-27T12:06:31.430 回答