jquery - 在窗口完全加载innerHTML后加载processing.js sketch？

Question

我的processing.js 草图有一个 size() 调用，该调用取决于在获取 div 大小时加载的窗口。 50% 的情况下，草图会在 CSS 启动之前加载，因此草图的大小不正确。我认为解决这个问题的最佳方法是将其加载到 window.onload 函数中，但 canvas 似乎不喜欢被innerHTML 调用。如何根据命令将带有处理草图的 Canvas 泵入 div 中？

Answer 1

与其说 Canvas 无法工作，不如说是Processing.js没有为 Canvas 寻找DOM插入来加载草图；它只对加载 DOM 内容的草图进行一般传递。由于您希望之后注入(inject)草图，因此您可以触发重新解析(通过调用Processing.reload()，这将重置所有内容，因此如果同一页面上有其他不应重置的草图，请不要使用它)或者您可以调用

var sourceList = ['file1.pde','file2.pde','...',...];
var canvas = document.querySelector("#mycanvas");
Processing.loadSketchFromSources(canvas, sourceList);

专门针对一个草图，只要可以安全地将其注入(inject)页面即可。