jquery / processing.js - 从 javascript / jquery 调用 processing.js 函数答案

【问题标题】：jquery / processing.js - calling a processing.js function from javascript / jqueryjquery / processing.js - 从 javascript / jquery 调用 processing.js 函数
【发布时间】：2011-11-01 15:43:23
【问题描述】：

我设置了一个需要调用 processing.js 函数的应用程序，但我见过的用于访问处理实例的方法似乎都不起作用。这是我的设置 - 在我的 HTML 中，我有一个链接，单击该链接时需要调用处理函数：

<div id="wrapper">
    <canvas id="donut" datasrc="donut.js" width="400" height="400"></canvas>
    <div id="creator">Create Donut</div>
</div>

$('#creator').click(function(){
    //var p = Processing.instances[0]; //DOESN'T WORK
    //var p = $('#donut')[0]; //DOESN'T WORK
    var p = Processing.getInstanceById('donut');
    p.createDonut();
});

并在处理中（donut.js）：

void createDonut() {
    console.log('createDonut');
}

当我尝试调用这个函数时，我得到这个错误：

Uncaught TypeError: Object function Processing(aElement, aCode) {
...
} has no method 'getInstanceById'

并且没有任何注释的链接到处理工作的方法。

【问题讨论】：

标签： javascript jquery processing processing.js

【解决方案1】：

看起来你需要在你的画布上有一个 data-processing-sources 属性才能找到它，而且它看起来需要一个 .pde 文件，所以就像 data-processing-sources="donut.pde" 而不是 datasrc="donut.js"

我不是 100% 确定 .pde 的事情，所以不妨先试试data-processing-sources="donut.js"

【讨论】：

是的 - 我认为问题在于我正在尝试使用现代处理代码处理旧处理库。