如何将笔划矩形的 (x,y,width,height) 设为 Var？

Question

我正在尝试在画布中制作一个移动的正方形（俄罗斯方块），我想知道是否有制作独立 fillRect 的替代方法。我的想法是，我可以使 fillRect() 位置和大小完全基于中风矩形。如果有更好的方法来做到这一点，我愿意接受替代方案。

我认为它类似于“varStrokeX = ctx.StrokeRect(xPos);”但我对 Java 还不够了解。

Answer 1

如果您想对填充和描边重复使用相同的形状，最好使用路径，它将形状与渲染分开。

您可以通过调用

ctx.beginPath()

来开始一条新路径。然后，您可以使用各种方法来创建路径，特别是

ctx.rect(x, y, width, height)

向路径添加矩形。然后，您可以调用

ctx.fill()

和

ctx.stroke()

来填充和描边最近的路径：

ctx.beginPath();
ctx.rect(x, y, width, height);
ctx.fill();
ctx.stroke();

有关更多信息，请参阅 这篇 MDN 文章 和 rect() 文档