0

我正在尝试将通过处理制作的 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 的“未捕获的类型错误:无法调用未定义的方法 'addListener'”,但我没有不认为这与问题有关。

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

想法?建议?想法?谢谢!

编辑:在脚本链接中将“源”更改为“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"; */
4

1 回答 1

0

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

于 2013-04-03T17:49:14.907 回答