divで処理スクリプトを実行する方法

Question

処理する文字列をprocessing.jsスクリプトにする必要があるプログラムを作成しています。現在、以下のコードは<script type="text/processing" data-processing-target="canvas">タグを作成して文字列を追加しますが、どのように実行するのですか？私はこれを有効にするにはどうすればよいoutherすなわち

function runProcessing() { 
      var input = "<script type=\"text/processing\" data-processing-target=\"canvas\">"; 
      input += document.getElementById("userInput").value; 
      document.getElementById('processingCode').innerHTML = input; 
      console.log(document.getElementById('processingCode').innerHTML); 
     } 

、...この中へ

void setup() {} 

...

<script type="text/processing" data-processing-target="canvas"> 
void setup() {} 
</script> 

そして、それを実行します。

Answer 1

新しいキャンバスインスタンスを作成し、ターゲットキャンバスとスケッチソースを渡すだけで済みます。あなたが実際にDOM

var canvas = document.getElementById('yourCanvasID'); 
var source = document.getElementById("userInput").value; 

var instance = new Processing(canvas, source); 

しかし、あなたはhtmlとしてそれを追加したいならば、あなたはスケッチを再初期化するために、HTMLに追加した後Processing.reload()を呼び出すことができるはずにHTMLに追加する必要はありません