用戶點擊加載processing.js草圖與ajax

Question

我想加載一個processing.js草圖與ajax點擊，它不工作。它可以工作，如果我立即加載草圖，但不是用戶交互。這裏是我的代碼：

$('#clicker').click(function(){ 
    var canvasRef = $('<canvas/>'); 
    canvasRef.attr('data-src','/uploads/processing_js/anything_1.pde'); 
    $('#loader').append(canvasRef); 
}); 

我也試過'data-processing-sources'和'datasrc'屬性。

任何人都知道爲什麼這不起作用？

Answer 1

我們只檢查DOMContentLoaded上的data-processing-sources屬性。如果要加載後處理草圖，你可以使用Processing.loadSketchFromSources，這是什麼Processing.js內部使用加載一個草圖：

$('#clicker').click(function(){ 
    var canvasRef = document.createElement('canvas'); 
    var p = Processing.loadSketchFromSources(canvasRef, ['/uploads/processing_js/anything_1.pde']); 
    $('#loader').append(canvasRef); 
});