html5 canvas：用fillrect（...）修复宽度/高度？

Question

当我画一个像

的形状（html5 =＆gt;画布）时

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中设置画布的大小，否则会出现缩放问题。

干杯！