javascript - 使用数据处理源完全重新加载 Canvas 元素

Question

<div class="Container"><div class="SubContainer">
<canvas id="gamecanvas" data-processing-sources="canvas.pde">
ERROR - No canvas support on browser
</canvas>
</div></div>

<div class="Container"><div class="SubContainer">
<canvas id="hudcanvas" data-processing-sources="hud.pde">
ERROR - No canvas support on browser
</canvas>
</div></div>

我有这两个 Canvas ，使用processing.js 和 WebGL 3D，基本上我需要重新加载它们以调整其大小。我尝试使用 jQuery 克隆它们、删除它们，然后将它们附加到正文，但它不起作用。 Canvas 已附加，并且它们具有所有属性，但我的猜测是数据处理源无法执行其操作。

那么我怎样才能让这些 Canvas 完全重新加载，包括重新运行它们的数据处理源？

Answer 1

这可以通过使用 iframe 到另一个带有 Canvas 的页面来完成，您可以在主页上调整大小和刷新。