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에 추가 할 필요가 없습니다