如何獲得處理腳本在div中運行

我正在製作一個程序，要求將字符串轉換爲processing.js腳本。目前，下面的代碼製作了一個<script type="text/processing" data-processing-target="canvas">標籤，並在其中添加了一個字符串，但是如何讓它運行？如何獲得處理腳本在div中運行

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

在outher的話，我怎麼把這個...

void setup() {}

進入這個......

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

並運行它。

來源

2017-09-16 Kevin K

我真的不知道你在問什麼。處理需要一個「畫布」來工作。如果你願意，你可以把'canvas'放在'div'裏面。你可以請張貼[mcve]嗎？你能更準確地知道你想要做什麼嗎？ –

哪個libary用於您的流程腳本？ – Sysix

您只需要創建一個新的Processing實例，傳遞目標畫布和草圖源。你並不需要實際的HTML代碼添加到DOM

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

var instance = new Processing(canvas, source);

但是，如果你想將它添加爲HTML，你應該能夠調用Processing.reload()在html加入後重新初始化草圖

來源

2017-09-16 18:25:27

如何獲得處理腳本在div中運行

回答

相關問題