帆布rectangel喜怒無常的邊界

Question

當在畫布上畫一個矩形我得到一個喜怒無常的淡出邊界我希望它是尖銳的，怎麼樣？

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

Answer 1

在帆布有兩種不同的和獨立的尺寸：

• 屏幕（.offsetWidth和.offsetHeight）的大小
• 大小在像素（.width和.height）

如果兩者不相同，則圖形看起來不準確（如果像素大小爲sm，則更具體模糊阿列爾）。

在某些情況下（例如蘋果「視網膜」顯示器），您需要使用像素大小的兩倍大小的屏幕來獲得準確的渲染。