的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"第一