未出現在畫布中的圖像

-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>

來源

2013-05-27 Quincy Norbert

這個答案顯示很少或沒有研究工作。請通過jsfiddle或類似方式在網絡上創建一個工作示例，並嘗試驗證圖像是否正確鏈接。 –

下一次，PLZ不會將代碼翻譯爲荷蘭語。只有少數人懂荷蘭語。總是用英文編碼，這樣你就可以分享代碼，就像這裏@ SO ... –

根據您的代碼示例腳本查找圖片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：試着在你的代碼中使用英文，我做了同樣的錯誤@開始，雖然它對你來說合乎邏輯，但並不意味着它對你的代碼工作的另一個人是合乎邏輯的。

來源

2013-05-27 12:06:31 Mark

未出現在畫布中的圖像

回答

相關問題