1

在http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/之后，我在画布上并排绘制了一些矩形。问题是它们看起来被放大了很多。在 1.0 的缩放比例下，它们看起来大约是原始大小的五倍；它们以大约 0.16 的缩放比例显示为正确大小（如果边界模糊）。

我希望我可以通过使画布的像素尺寸更大并缩小来获得解决方法，但是在画布上获得 1:1 缩放的正确方法是什么？画布的宽度和高度设置为 100%，主体的边距为 0。手动将画布的宽度和高度设置为窗口的高度和宽度不会改变此行为。

TIA,

4

1 回答 1

7

问题是，您为画布设置样式的宽度和高度。您需要设置宽度和高度属性，而不是 css 样式。所以像：

<canvas id='mycanvas' width='800' height='600'></canvas>

类似问题中的更多信息：使用 CSS 时画布被拉伸，但使用“宽度”/“高度”属性正常

于 2012-11-30T23:05:32.060 回答