画布矩形喜怒无常的边界

Question

当在画布上画一个矩形时，我会变得喜怒无常地淡出边框，我希望它变得清晰，怎么样？

    ctx.fillStyle = "#CF0"
    ctx.fillRect(0,0,20,20)

Answer 1

在画布中有两种不同且独立的尺寸：

• 屏幕上的尺寸（.offsetWidth和.offsetHeight）
• 以像素为单位的尺寸（.width和.height）

如果两者不相同，您的图形看起来会不准确（如果像素的尺寸较小，则更具体地说是模糊）。

在某些情况下（例如Apple“视网膜”显示器），您需要在屏幕上显示两倍大小的像素大小才能获得准确的渲染效果。