控制在哪里创建Canvas? P5.js

时间:2019-05-21 17:08:43

标签: javascript p5.js

我一直在探索p5文档,但没有找到有关如何控制画布制作位置的任何示例。

我看到createCanvas()的渲染器有一个可选的第3个参数,但是我不确定如何实现或该实现。

基本上,我拥有的是模态,我想在其中创建画布。

标记:

<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通信?

1 个答案:

答案 0 :(得分: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