使用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')