我正在尝试将通过处理制作的 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"; */