Css 画布中未显示的图像

我目前正在创建或至少尝试创建一个非常简单的画布元素。您应该可以选择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>

var canvas=document.getElementById（“mijnCanvas”）；
var context=canvas.getContext（“2d”）；
var welkBestek=document.getElementById（“fotos”）；
var tafelkleedKleur=“#ff0000”；
函数Tekenales（）{
context.beginPath（）；
rect（0,0，canvas.width，canvas.height）；
//博尔德
背景。drawImage（bordPlaatje，0,25）；
//贝斯特克
如果（welkBestek==“mesvork”）{
背景。drawImage（mesvorkPlaatje，0,25）；
}
否则如果（welkBestek==“stokjes”）{
背景。drawImage（stokjesPlaatje，0,25）；
}
}
window.onload=函数（）{
Tekenales（）；
}
函数verander（）{
TafelkledKleur=document.getElementById（“Tafelkled”）.value；
Tekenales（）；
}
var bordPlaatje=新图像（）；
bordPlaatje.src='bord.png'；
var mesvorkPlaatje=新图像（）；
mesvorkPlaatje.src='img/afbeelding1.jpg'；
var stokjesPlaatje=新图像（）；
stokjesPlaatje.src='img/afbeelding2.jpg'；

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

bord.jpg

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时也犯了同样的错误，虽然这对你来说是合乎逻辑的，但并不意味着对另一个使用你的代码的人来说是合乎逻辑的。

这个答案表明很少或根本没有研究工作。请通过JSFIDLE或类似工具在web上创建一个工作示例，并尝试验证图像是否正确链接。下次，请不要将代码翻译成荷兰语。只有少数人懂荷兰语。始终使用英语编写代码，以便您可以共享代码，如这里的@so。。。