html5画布单位

Aki*_*nos 15 javascript html5 canvas

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

长话短说.画布中的坐标系如何工作?

Sim*_*ris 22

那应该是正确的.这是一个例子:

http://jsfiddle.net/hvyvY/

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

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

不是该元素的CSS样式.更改"画布"的CSS样式将改为缩放.

  • 谢谢!因此,当您习惯使用CSS来控制宽度和高度时,反直觉.花了我几个小时,但你为我排序. (2认同)