我在一页中放置和渲染多个草图时遇到麻烦。我正在从事开放处理。由于无法编辑页面的html，因此我通过创建节点和appendChild正文来添加代码。
期望
我有一个链接到下面的项目。但首先，我将描述我期望它做什么：
一页有3个3
每个草图都有其自己的大小和背景颜色。
草图1填充了身体大小，并具有红色背景。
草图2为400x400像素，背景为绿色。
草图3为200x200像素，背景为蓝色。
结果看到3个堆叠的彩色形状。
当前结果
它仅渲染最后一个草图，因此草图3
代码
Link to the OpenPocessing Sketch
最佳答案
因为您iframe的尺寸太小。使用iframe滚动条播放时，您可以看到3种颜色。升高iframe的宽度和高度，它们都会显示出来。
在增加iframe的大小之前，请注意我指出的iframe滚动条。
在这里，我将style="width: 200px; height: 200px;"更改为style="width: 1000px; height: 1000px;"
关于javascript - P5-处理中。无法一次运行并渲染多个草图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55887621/