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，标记中的实际属性）。它们被用来建立坐标系，所以这可能是原因。 （虽然未经测试）