html5画布单位

Question

我一直在玩html5画布，不明白单位是如何工作的。我在MDN上看到画布上的一个“单位”应该是1个像素。所以我画了800px宽x 400px高的画布。然后我在坐标400,200处绘制了一个矩形，我认为它会将左上角置于死角。然而，它远离屏幕。当我将它缩放到大约200,100左右时，我可以看到矩形，但它在逻辑上没有任何意义，它最终结束。

长话短说。画布中的坐标系如何工作？

Answer 1

那应该是正确的。这是一个例子：

http://jsfiddle.net/hvyvY/

请注意，您必须使用HTMLCanvasElement的width和height属性来设置其大小，例如：

<canvas id="canvas1" width="800" height="400">

不是该元素的CSS样式。更改“画布”的CSS样式将改为缩放它。