Processing.js 的 PDE 不显示也不显示错误

Question

我正在尝试将使用处理制成的 pde 嵌入到普通 html 页面中：

这是我的代码：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="application/javascript" src="processing-1.4.1.min.js"></script>
</head>
<body>
    <canvas width="700" height="821" data-processing-sources="jailmap2012capacity.pde"></canvas>
</body>
</html>

页面加载后，什么也没有出现。

我没有在 Firefox 的控制台中显示任何错误，但我在 Chrome 中收到错误消息，第 6 行的 client.js 显示“Uncaught TypeError: Cannot call method 'addListener' of undefined”，但是我不认为这与问题有关。

处理 pde 在处理 IDE 中正确呈现。

想法？建议？想法？谢谢！

编辑：在脚本链接中将“source”更改为“src”。

解决方案： 处理 IDE 中生成的默认 .pde 似乎不包括在 Web 上使用所需的预加载标签。

供参考：http://processingjs.org/reference/preload/

需要在 .pde 的第一行预加载图像和字体，如下所示：

/* @pjs preload="path/image_1.gif, path/image_2.gif"; font="path/font_1.eof, path/font_2.eof"; */

Answer 1

javascript 不是“application/javascript”，而是“text/javascript”，如果您使用的是 ，请不要输入类型。这不是必需的。在哪个注释上：在顶部添加。考虑到这一点，如果使用 localhost 或在线运行它并不能解决问题（除非您告诉浏览器允许文件 XHR 从文件中运行，否则您无法可靠地从 file:/// 运行），请检查您的控制台日志，并报告回来错误是什么。