的jQuery/processing.js - 从JavaScript调用/ jQuery的一个processing.js功能

Question

我得建立了一个应用程序，它需要调用我见过访问处理实例的方法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' 

而且没有commen的连接到处理工作的方法。

Answer 1

它看起来像你需要有你的画布上data-processing-sources属性为它找到它，它看起来像一个需要一个.pde文件中有这么样的data-processing-sources="donut.pde"代替datasrc="donut.js"

我是不是100％肯定的.pde的事情，所以也许尝试data-processing-sources="donut.js"第一