控制在哪里创建帆布?P5.J

Question

我一直在探索P5文档，但还没有找到有关如何控制画布的任何示例。

我看到createCanvas((对渲染器有一个可选的第三参数，但是我不确定如何或是否应该实现它。

从本质上讲，我拥有的是模态，我想创建帆布。

标记：

<div>
    <div class="IX_recordControls clearfix">
        <div class="rcrow canvas">Woof</div> <-- //Let's say I want my canvas here.
    </div>
</div>

在我的js文件中，我在setup((中称为createCanvas((，例如：

function setup(){
    createCanvas(400, 150)
    $s.p5mic = new p5.AudioIn()
    $s.p5mic.start()
    $s.micIsOn = true
       background(155);
       draw();
       noLoop();
    }

我如何可以与我希望在模态内生成的CreateCanvas进行交流？

Answer 1

您可以使用p5.Element.parent()函数。

<div id="sketch-holder">
  <!-- Our sketch will go here! -->
</div>
...
var canvas = createCanvas(100, 100);
// Move the canvas so it’s inside our <div id="sketch-holder">.
canvas.parent('sketch-holder');

来源：github