html5 canvas:用fillrect(...)修复宽度/高度？

Question

当我画一个形状(html5 =>画布)之类的

context.fillStyle = "rgba(0, 0, 255, 0.5)";
context.fillRect(5, 5, 25, 50);

它总是相对于canvas元素的大小.即:如果我更改canvas元素的大小,则元素的"大小"将适应新的画布大小.你知道如何压制这种行为(或指向正确的方向)吗？

谢谢你,安迪

Answer 1

确保直接在HTML中设置画布的宽度和高度,如下所示:

<canvas id="mycanvas" width="..." height="..."></canvas>

不要在CSS中设置画布的大小,否则您将遇到缩放问题.

干杯!