在http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/之后，我在画布上并排绘制了一些矩形。问题是它们看起来大大放大了;它们的缩放比例为1.0，大约是原始尺寸的五倍;它们的大小正确（如果在边框周围模糊），缩放大约为0.16。
我希望我可以通过使画布的像素尺寸更大并缩小来获得解决方法，但是在画布上获得1：1缩放的正确方法是什么？画布的宽度和高度设置为100％，主体的边距为0.手动将画布的宽度和高度设置为窗口的高度和宽度不会改变此行为。
TIA，
答案 0 :(得分：6)
问题是，您为画布设置样式的宽度和高度。您需要设置width和height属性，而不是css样式。所以像：
<canvas id='mycanvas' width='800' height='600'></canvas>
类似问题的更多信息：Canvas is stretched when using CSS but normal with "width" / "height" properties