javascript – 从画布动态“卸载”处理JS草图

我正在使用一些javascript来允许用户使用以下命令动态加载素描到click元素：

Processing.loadSketchFromSources(‘canvas_id’, [‘sketch.pde’]);

如果我将Processing.loadSketchFromSources(…)调用第二个(或第三个……)时间,它会将第二个(或第三个……).pde文件加载到画布上,这正是我所期望的.

我希望用户能够单击另一个链接来加载不同的草图,有效地卸载前一个草图.有没有我可以调用的方法(或者我可以使用的技术)来检查Processing是否有另一个草图运行,如果有,请告诉它先卸载它？

是否有某种Processing.unloadSketch()方法我忽略了？我可以简单地删除画布DOM对象并重新创建它,但是当我需要针时,(1)似乎使用锤子,(2)它会导致我想避免的屏幕闪烁.

我不是JS专家,但我已经尽力查看processing.js源代码,看看其他功能可能存在,但我还是碰壁了.我想也许我可以看看Processing.Sketches.length来查看是否已经加载了某些东西,但只是将它从阵列弹出似乎不起作用(不认为它会).

我正在使用ProcessingJS 1.3.6.

解决方法:

截至处理.js 1.4.8,安德鲁接受的答案(以及我在这里找到的其他答案)似乎不再起作用了.

这对我有用：

    var pjs = Processing.getInstanceById('pjs');
    if (typeof pjs !== "undefined") {
      pjs.exit();
    }

    var canvas = document.getElementById('pjs')
    new Processing(canvas, scriptText);

其中pjs是正在运行scrips的canvas元素的id.

标签：processing,processing-js,javascript
来源： https://codeday.me/bug/20191006/1858294.html