使用 p5 库和 CreateCanvas 函数，如何在 div 类中创建画布？

Question

如何将画布放在 div 标签内？ 它总是在 html 的正文底部创建，我想把它放在一个 div 中。

function setup() {
  createCanvas(400, 400);
  audioContext = getAudioContext();
  mic = new p5.AudioIn();
  mic.start(listening);
}

我尝试将函数放在 html 中的 div 下，但它仍然将画布放在 div 之外。

Answer 1

createCanvas() 返回 p5.Renderer。您可以将画布附加到 parent() 元素：

<div id="my_canvas"></div>

let my_canvas = createCanvas(400, 400);
my_canvas.parent('my_canvas')