JavaScript Canvas 尺寸

Question

我在 HTML 页面上有一个 Canvas :

<canvas id="canvas" class="canvas"></canvas>

属性width和height将 Canvas 拉伸(stretch)到某个字段，但不调整其大小。所以

var canvasElement = document.getElementById('canvas');
canvasElement.width = 400;
canvasElement.height = 400;

不起作用。

如何调整 Canvas 大小(使其不等于 160*320)？

Answer 1

你可以这样做。

var canvasElement = document.getElementById('yourCanvasElement');
canvasElement.width = 500;
canvasElement.height = 400;