p5.j​​s - path - 将canvas PDE加载到webserver

时间:2018-05-25 09:17:39

标签: html canvas path p5.js

我在使用p5.js制作的pde将我的canvas test123.pde加载到我的网页时遇到问题 test123.pde是官方p5.js页面中的一个例子,我用它进行测试,因为它肯定没有错误。所以我不会发布代码。

Here's an image of my php/html code

网页显示的是默认画布(在firefox中它是一张尺寸为150 * 300的空白画布),但没有显示我的test123.pde :(

正如您所看到的,画布的链接没有加下划线,如下面的scriptEntry.js。

所以我假设路径不对。但这令我感到困惑,因为文件夹 canvas 与文件夹脚本位于同一级别。

/ 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 =" ../ 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"

As you can see every other necessary files are loading

非常感谢您的帮助(:

1 个答案:

答案 0 :(得分:0)

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

在处理中,您将画布包含在:

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

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

脚本src =" example.js"