html5 Canvas : fix width/height with fillrect(. ..)？

Question

当我绘制一个形状(html5 => Canvas )时

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

它总是相对于 Canvas 元素的大小。即:如果我更改 Canvas 元素的大小，则元素的“大小”会适应新的 Canvas 大小。您知道如何抑制这种行为(或为我指出正确的方向)吗？

谢谢，安迪

Answer 1

确保直接在 HTML 中设置 Canvas 的宽度和高度，如下所示:

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

不要在 CSS 中设置 Canvas 的大小，否则会出现缩放问题。

干杯!