从画布元素外部操作 Processing.js 中的变量

【问题标题】：Manipulating variables in Processing.js from outside the canvas element从画布元素外部操作 Processing.js 中的变量
【发布时间】：2015-05-24 06:13:32
【问题描述】：

我做了一段处理代码，它根据setup()中设置的参数绘制一个符号。

我想使用 Processing.js 制作一个网页，这将允许我从浏览器的文本框中更改这些参数（所有浮点数），然后重绘。

可以吗？

【问题讨论】：

当然可以，加油！

标签： javascript canvas processing

【解决方案1】：

是的，你可以。请查看the example 和read the official documentation。 JSF中间代码：

<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>

【讨论】：