Javascript 使用画布标记进行设置和绘制

如何在使用Canvas标记的同时使用函数

setup（）

和

draw（）

---

因为当我尝试设置画布时，当画布标记出现时，它只会创建第二个画布。

如果我正确理解了您的问题，您正在尝试将P5.js与页面上的现有画布元素一起使用，而不是使用

createCanvas（）

函数创建新的画布

我不知道该怎么做，但是您可以使用

parent（）

函数定位P5.js创建的画布。您可以在or中阅读更多信息，下面是一个简单的示例：

在HTML中，您将有如下内容：

<div id='myContainer'></div>

注意，这需要P5.js之外的P5.dom库。dom还包括处理CSS和样式的函数

function setup() {
  var myCanvas = createCanvas(600, 400);
  myCanvas.parent('myContainer');
}