Question

我正在尝试将处理过的pde嵌入到一个vanilla 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中收到一条错误消息：“未捕获TypeError：无法为第6行的client.js调用未定义的方法'addListener'，但是我不认为这与问题有关。

处理pde在Processing 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：///运行），请检查控制台日志，然后向后报告错误是什么。

PDE for Processing.js不显示且未显示错误

1 个答案: