画布大小（以像素为单位）（Javascript）？

Question

我正在为网络浏览器创建一个应用程序。用户点击屏幕的位置。该位置以x值和y值（以像素为单位）存储。

现在我想用这个方法在画布上绘制一个矩形： ctx.rect（X，X，50,50）; 不幸的是，这些值不适合Web浏览器中的像素。

你知道如何更改web浏览器中的像素以在正确的位置创建一个矩形吗？

Answer 1

你的画布大小必须与他的风格大小相匹配。

代表。如果你的画布是100px x 100px你必须有

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

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