So erhalten Sie ein Verarbeitungsskript zur Ausführung in einem div

Question

Ich mache ein Programm, das eine Zeichenfolge benötigt, um in ein processing.js-Skript umgewandelt werden. Derzeit macht der folgende Code ein <script type="text/processing" data-processing-target="canvas"> Tag und fügt einen String hinzu, aber wie bekomme ich es zum Laufen?

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); 
     } 

In outher Worten, Wie kann ich das drehen ...

void setup() {} 

In diesem ...

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

Und es läuft.

Answer 1

Sie müssten nur eine neue Verarbeitungsinstanz erstellen und den Zielbereich und die Skizzenquelle übergeben. Sie brauchen nicht, um tatsächlich

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

var instance = new Processing(canvas, source); 

in den HTML-Code in die dom hinzufügen Aber wenn Sie es hinzufügen möchten in HTML, sollten Sie in der Lage sein Processing.reload() zu nennen, nachdem sie in den HTML-Code Hinzufügen der Skizzen neu zu initialisieren