Javascript 为什么我的函数不能绘制多个砖块？

所以我有一个简单的函数，它应该显示多个砖块，但它只显示一个。有人知道为什么吗？我没有显示任何错误

函数drawbricks（）{
对于（var r=0；r<12；r++）{
对于（var c=0；c<6；c++）{
var posix=r+20；
var posiy=c+20；
ctx.fillRect（posix，posiy，50,50）；
}
}
}

我相信你应该将坐标相乘，而不是相加

  var posix = r * 20;
  var posiy = c * 20;

---

但是，“砖块”仍然会相互重叠。

我添加了一些常量，以便您可以配置砖块

const c=document.getElementsByTagName（'canvas'）[0]；
const ctx=c.getContext（'2d'）；
ctx.fillStyle=‘橙色’；
拉丝砖（ctx）；
功能抽丝砖（ctx）{
常量brickCountRows=10；
const brickCountColumns=15；
常数brickWidth=20；
常数brickHeight=10；
const brickspatingx=2；
const brickspacey=2；
对于（var r=0；r

---

你能不能再多说一些细节？我指的是你想展示砖块的那一页。您可以将它们添加为一个片段，它们的偏移量为一个像素，难道它们不会彼此重叠吗？可以尝试相乘而不是相加，并使砖块小于偏移量。

ctx

在此未定义。请在指定的位置添加代码。是的，在发布问题后，我改为乘法，但仍然不起作用。有什么想法吗？@Elena砖块比偏移量大。@Elena发布整个代码。如果我们无法运行您的代码，则无法帮助您。