如何从HTML调用Processing.js函数？

我正在探索HTML5和Processing.js

当用户单击我网页上的图像时，我想调用Processing.js代码中的函数。仅调用

onclick

中的函数（如本简单示例所示）不起作用：

void restart（）
{/*做某事*/}
您需要一个支持HTML5的浏览器才能查看此内容。

---

单击图像时如何调用Processing.js脚本中的方法？（使用

img onclick

？）可能是我犯了一个基本的HTML错误）

我会首先从img标记中取出onclick的javascript

在单独的javascript文件中，您可以有：

document.getElementById('restartimage').onclick = function() { Processing.setup(); }

显然我在你的img标签上加了一个id属性

我在本页上注意到的设置功能：

---

其基本思想是，通过将onclick拉入一个javascript文件，可以更容易地编写它应该做的事情。

我首先将onclick的javascript从img标记中拉出来

在单独的javascript文件中，您可以有：

document.getElementById('restartimage').onclick = function() { Processing.setup(); }

显然我在你的img标签上加了一个id属性

我在本页上注意到的设置功能：

---

基本思想是，通过将onclick拉入一个javascript文件，可以更容易地编写它应该做的事情。

您需要先将脚本类型更改为text/javascript或application/javascript

然后将“function”放在“restart（）”函数之前，以减少“void”

---

我在ubuntu 9.04上使用了firefox 3.0.14。

您需要先将脚本类型更改为text/javascript或application/javascript

然后将“function”放在“restart（）”函数之前，以减少“void”

---

我在ubuntu 9.04上使用了firefox 3.0.14。

您可以使用processing js对象的getInstanceById函数调用处理函数

<a href="javascript:restart()"> image source </a>

例如，这里有一个函数：

$(window).resize(function(){
    var p=Processing.getInstanceById('processing_canvas_id');
    p.resize($("#main").width(),$("#main").height());
  });

---

其中resize是与processing_canvas_id关联的处理文件中的我的处理函数。

您可以使用processing js对象的getInstanceById函数调用处理函数

<a href="javascript:restart()"> image source </a>

例如，这里有一个函数：

$(window).resize(function(){
    var p=Processing.getInstanceById('processing_canvas_id');
    p.resize($("#main").width(),$("#main").height());
  });

---

其中resize是与处理\u canvas\u id相关联的处理文件中的我的处理函数。

这应该可以工作，将图像包含在锚定标记中

---

这应该行得通，把你的图像放在锚定标签内

实际上，在HTML5中，默认值是text/javascript，因此脚本标记不需要类型或语言。我测试了以下HTML文件：您需要支持HTML5的浏览器才能查看此内容

JS file:function restart（）{/*做了一些事情*/alert（'hello'）；}实际上，在HTML5中，默认值是text/javascript，因此脚本标记不需要类型或语言。我测试了以下HTML文件：您需要一个支持HTML5的浏览器来查看此内容

JS file:function restart（）{/*做了一些事情*/alert（'hello'）；}我尝试了这个，但是在我的错误控制台中，我看到，“document.getElementById（'restartimage'）为null”。我是否正确地将ID属性添加到img标签？只需确保您的javascript在呈现此页面后运行，但是，您已经正确列出了id标记。希望您也有一个结束标记（）。我尝试了这个，但在我的错误控制台中，我看到，“document.getElementById（'restartimage'）为null”。我是否正确地将ID属性添加到img标签？只需确保您的javascript在呈现此页面后运行，但是，您已经正确列出了id标记。希望您还有一个结束标记（）。我想知道如何导入链接到的页面上的代码。我想知道如何导入链接到的页面上的代码。