HTML5 Canvas Error

Question

когда я пытаюсь запустить этот javascript, он говорит, что есть ошибка "INDEX_SIZE_ERR: DOM Exception 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 не имело ширины 105 пикселей, поэтому drawImage пытался получить данные, которых там не было.

Answer 2

Попробуйте добавить width и height атрибуты к элементу canvas (не CSS, фактические атрибуты в разметке).Они используются для установления системы координат, так что это может быть причиной.(Не проверено, хотя.)