p5.j​​s - 宽度未定义？

Question

.container {
  width: 400px;
  border-bottom: 1px solid #111;
}

.container:nth-last-of-type(2) {
  border-bottom: 0;
}

p5.js - random(), height, and width not defined?

我看到了这个问题，我把我的代码改成了这个，但它不起作用而且有错误

＆＃34;第4行，第3栏：重新分配＆＃39; grid＆＃39;，这是一个功能。使用＆＃39; var＆＃39;或者＆＃39;让＆＃39;声明可能会改变的绑定。＆＃34;

即时使用p5.js制作网格图

Answer 1

在JavaScript中，您不能拥有变量和具有相同名称的函数。 （更令人困惑的是，函数是变量！）

您的错误告诉您，您拥有grid变量和grid()功能。你在其他地方定义了grid()函数吗？如果是这样，只需将var grid重命名为其他内容，这样就会停止与函数冲突。

如果你没有在任何地方定义grid()函数，那么可能是因为你在grid()函数中调用draw()就像一个函数一样感觉你发布的代码。在您的代码中，grid是一个对象，而不是一个函数。

如果您仍遇到问题，请在新问题帖子中发布MCVE。 （您发布的代码不显示您正在描述的行为，因为它不完整。我们应该能够复制粘贴代码以查看与您完全相同的内容。）

Answer 2

您需要将grid变量中的所有子变量都包含在网格启动函数中，如下所示：

grid = {
  start : function(){
    x1: width / 10,
    y1: height / 10,
    x2: width - grid.x1,
    y2: height - grid.y1,
    width: grid.x2 - grid.x1,
    height: grid.y2 - grid.y1,
    margin: grid.width / 10,
    //margin of each lines
  }
};
grid.start();

使用此代码并替换旧的grid变量。