Question

为什么以下代码不会调整画布大小？ id是正确的。

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

为什么不重新调整我的画布？

1 个答案: