[pde-processing] 文件如何与 [html-webpage] 一起使用

Question

我正在尝试使用 html 网页加载 pde（处理）文件，以便它们可以一起工作。 在网站的主文件夹中有pde文件和processing.js库文件。

我在“head”中写了这串代码：

<script type="text/javascript" src="/scripts/processing.js"></script>

然后在“body”的末尾我写了“canvas”字符串：

<canvas id="your-id-here" data-processing-sources="file1.pde"></canvas>

我正在做的网页非常简单，只有一个文本链接列表。当我测试 index.html 时，网页显示正确，但 pde 不起作用。我还注意到，由于“画布”字符串，最后一个链接不再起作用。

pde代码是从Processing网站复制的示例，基本上是在你按下鼠标按钮时用鼠标绘制。

感谢您的建议！

Answer 1

确保您正在检查 developer tools 是否有错误。具体来说，请查看您的 JavaScript 控制台和网络选项卡。

正如您所发现的，您可以使用Processing.js 将简单的处理草图部署到网络上。请注意，Processing.js 现在已经很老了，所以你应该只在真正需要时才使用它。如果优先部署到网络，您应该考虑切换到P5.js。

无耻的自我推销：here 是使用 Processing.js 部署 Processing 草图的指南。

如果您仍然无法正常工作，请提供您收到的任何错误的全文，以及一个MCVE，以准确说明您正在做什么。