jquery/processing.js - javascript/jquery에서 processing.js 함수 호출

Question

processing.js 함수를 호출해야하지만 처리 인스턴스에 액세스하는 데 사용한 메소드 중 하나도 필요하지 않습니다. 작동하는 것 같습니다. 여기 내 설정입니다 - 내 HTML에서, 나는 처리 함수를 호출 할 필요를 클릭 링크를 가지고 :

$('#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(); 
}); 

그리고 처리

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

(donut.js) :

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

을 commen의

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

그리고 없음 :이 함수를 호출 할 때

,이 오류가 발생합니다 가공 작업에 연결하는 방법.

Answer 1

당신이 그것을 찾기위한 당신의 캔버스에 data-processing-sources 속성이 필요 것 같습니다, 그리고 거기에 .pde 파일을 할 필요 것 같습니다 data-processing-sources="donut.pde" 대신

datasrc="donut.js"의 내가있어 같은 .pde 일에 대해 100 % 확신하지 못했을 수도 있습니다. data-processing-sources="donut.js" 먼저