HTML5畫布錯誤

Question

當我嘗試運行這個JavaScript它說，那裏有一個錯誤 「INDEX_SIZE_ERR：DOM異常1」

的Javascript：

blocksize=50; 
ctx=document.getElementById('wizard1').getContext('2d'); 
ctx.drawImage(document.getElementById('wizard.png'),0,0,105,105,0,0,3/7*blocksize,blocksize); 

HTML：

<canvas id='wizard1'></canvas> 
<img id='wizard.png' src='wizard.png' /> 

Answer 1

該wizard.png圖像不是105px寬，所以drawImage試圖檢索不在那裏的數據。

Answer 2

嘗試增加畫布元素上的width和height屬性（不是CSS，標記中的實際屬性）。它們被用來建立座標系，所以這可能是原因。 （雖然未經測試）