javascript - 帆布矩形喜怒无常边框

Question

在画布上绘制一个矩形时，我得到一个喜怒无常的淡出边框，我希望它变得清晰，如何？

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

Answer 1

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

• 屏幕尺寸 (.offsetWidth和.offsetHeight)
• 以像素为单位的大小 (.width和.height)

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

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