jquery - 窗口完全加载 innerHTML 后加载 processing.js 草图？

Question

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

Answer 1

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

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

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