基于变量在JavaScript中创建画布（使用p5.js）

Question

我想基于变量绘制一个简单的画布。

它的工作原理如下：

function setup() {
   createCanvas(600, 600);
   background(50);
}

为什么这不起作用？ （一个小画布，绝对不会显示600x600）：

var height = 600;
var width = 600;

function setup() {
    createCanvas(height, width);
    background(50)
}

我感谢任何帮助！

Answer 1

它不起作用，因为<table> <tr> <!-- Table Row --> <td>Table Cell</td> </tr> </table> 和height是内置的p5变量名。尝试将它们重命名为其他内容。

width

如果您希望将画布设为窗口大小，则应使用var a = 600; var b = 600; function setup() { createCanvas(a, b); background(50) } 和windowWidth。

windowHeight

要在设置后调整画布大小，您应该执行以下操作：

function setup() {
  createCanvas(windowWidth, windowHeight);
}

Answer 2

根据我对p5.js库的了解，我确实认为width和height变量专用于由createCanvas()创建的画布，并且是系统变量，并且重命名这些变量很可能会解决问题。