画布大小（以像素为单位）（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'

仅在这种情况下， “您的画布位大小将与屏幕位大小匹配”