Javascript 从canvas元素外部操作Processing.js中的变量

我制作了一段处理代码，它根据

setup（）

中设置的参数绘制符号

我想使用Processing.js创建一个网页，允许我在浏览器中的文本框中更改这些参数（所有浮动），然后重新绘制

---

有可能吗？

是的，你可以。请退房，然后离开。JSIDLE代码：

<div id="msg">Your message!</div>
<script>
  var jsString = "Hello from JavaScript!";
  var printMessage = function(msg) {
    document.getElementById('msg').innerHTML = "Message: " + msg;
  };
  var w = 300, h = 200;
</script>
<script type="text/processing" data-processing-target="processing-canvas">
  String processingString = "Hello from Processing!";
  void setup() {
    size(w, h);
    printMessage(jsString + " " + processingString);
  }
</script>
<canvas id="processing-canvas"></canvas>

你的留言！
var jsString=“你好，来自JavaScript！”；
var printMessage=函数（msg）{
document.getElementById（'msg'）.innerHTML=“消息：”+msg；
};
var w=300，h=200；
String processingString=“处理中的您好！”；
无效设置（）{
尺寸（w，h）；
打印消息（jsString+“”+processingString）；
}

确定这是可能的，去做吧！