Почему это не изменяет размер моего холста?

Question

Почему этот код не меняет размер моего холста? Идентификатор правильный.

var canvas; 
canvas = document.getElementById('myCanvas'); 
canvas.width = 1000; 
canvas.height = 500; 

Однако, это работает:

var canvas 
canvas = document.createElement('canvas'); 
canvas.width = 1000; 
canvas.height = 500; 

Почему создания нового холста работы, но получение уже сделали полотно ID не работает?

HTML Canvas, как так:

<canvas id="myCanvas" width="0" height="0"></canvas> 

Answer 1

Что вы делаете должно быть в порядке - просто убедитесь, что ваш скрипт запускается после того, как canvas добавляется в DOM. Вы должны проверить консоль на наличие дополнительных ошибок.

Вот пример:

HTML:

<canvas id="myCanvas" width="0" height="0"></canvas> 

<script> 
    var canvas; 
    canvas = document.getElementById('myCanvas'); 
    alert(canvas.width + " , " + canvas.height); 
    canvas.width = 1000; 
    canvas.height = 500; 
    alert(canvas.width + " , " + canvas.height); 
</script> 

JS Fiddle here