Javascript 如何在p5JS中使用div.appendChild（canvas）？ 有一个简单的脚本，我在画布中间画一个圆！我想做的是在DOM的特定点添加画布

下面是我的代码，我尝试在div中添加画布，id为

canvas

，而不是脚本所在的位置！：

函数设置（）{
//删除p5JS默认画布：
//var p5Canvas=document.getElementById（“defaultCanvas0”）；
//p5Canvas.remove（）；//删除DOM元素
//创建新画布：
//var canvas=createCanvas（400400）；
var canvas=document.createElement（“canvas”）；
canvas.id=“myCanvas”；
canvas.width=“400”；
canvas.height=“400”；
var div=document.getElementById（“测试”）；
子类（画布）；
}
函数绘图（）{
背景（220）；
椭圆（宽/2-25，高/2-25,50,50）；
}

html，正文{
保证金：0；
填充：0；
}
帆布{
显示：块；
}

你好
画布在这里。。。



后帆布

我查看了p5js文档并找到了如何操作。查看设置以了解更改

函数设置（）{
const canvas=createCanvas（400400）；
canvas.parent（“测试”）
画布样式（“显示”、“块”）
}
函数绘图（）{
背景（220）；
椭圆（宽/2-25，高/2-25,50,50）；
}

html，
身体{
保证金：0；
填充：0；
}

你好
画布在这里。。。


后帆布

您仍然需要使用类似以下内容创建画布：document.createElement（“画布”）；不确定CreateCanvas是否生成DomeElement对象。我刚刚尝试过！它忽略了这一点，并在页面末尾添加画布！因此，我也捕获了它并将其删除（使用id

defaultCanvas0

）。现在，我必须找到一种方法，在右div中存在的新画布上绘制！不知道为什么它停止工作，而是有一个空白画布