畫布大小（以像素為單位）（JavaScript）？

Question

我正在為Web瀏覽器創建一個應用程序。 用戶單擊屏幕的位置。 位置以像素為單位存儲x值和y值。

現在，我想使用此方法在畫布上繪制一個矩形：ctx.rect（x，x，50,50）; 不幸的是，這些值不適合Web瀏覽器中的像素。

您知道如何更改網絡瀏覽器中的像素以在正確位置創建矩形嗎？

Answer 1

您的畫布尺寸必須匹配他的樣式尺寸。

對於前。 如果您的畫布是100px x 100px，則必須

myCanvas.width = 100
myCanvas.height= 100
myCanvas.style.width = '100px'
myCanvas.style.height = '100px'

僅在這種情況下， “您的畫布位大小將與屏幕位大小匹配”