p5.js - 路径 - 将画布 PDE 加载到网络服务器时出现问题答案

【问题标题】：p5.js - path - problems loading canvas PDE to webserverp5.js - 路径 - 将画布 PDE 加载到网络服务器时出现问题
【发布时间】：2018-11-04 15:29:31
【问题描述】：

我在使用 p5.js 制作的 pde 将我的画布 test123.pde 加载到我的网页时遇到问题。 test123.pde 是官方 p5.js 页面中的一个示例，我正在使用它进行测试，因为它绝对没有错误。所以我就不贴代码了。

网页正在显示一个默认画布（在 Firefox 中它是一个大小为 150*300 的空画布）但不显示我的 test123.pde :(

如您所见，画布链接没有像下面的 scriptEntry.js 那样带下划线。

所以我假设路径不正确。但这让我很困惑，因为文件夹 canvas 与文件夹 script 处于同一级别。

/home/sites/site55/web/subs/kreativ -> 这是 PHP 中 getcwd() 的结果，它返回路径。

我不幸地尝试了： canvas data-processing-sources="/home/sites/site55/web/subs/kreativ/canvas/test123.pde"

canvas data-processing-sources="../canvas/test123.pde"

canvas data-processing-sources="https://www.fazzke.net/subs/kreativ/canvas/test123.pde"

canvas data-processing-sources="https://kreative-kreaturen.fazzke.net/canvas/test123.pde"

非常感谢您的帮助（：

【问题讨论】：

【解决方案1】：

好的，我发现了问题所在。对于遇到相同问题的每个人：

在处理中，您将画布包含在：

canvas data-processing-sources="example.pde"

在 p5.js 中，您将画布包含在

中

script src="example.js"

【讨论】：