ProcessingJS - loadImage() 和 loadStrings() 路径问题答案

【问题标题】：ProcessingJS - loadImage() and loadStrings() path problemProcessingJS - loadImage() 和 loadStrings() 路径问题
【发布时间】：2011-09-20 08:24:55
【问题描述】：

在 Processingjs 中使用 loadImage() 和 loadStrings() 时出现路径问题。我希望将我的草图及其相关文件（图像、文本文件）放在一个地方，并能够从我网站上的另一个地方调用它们。

例如，我正在尝试运行位于 www.example.com/sketches/mysketch.pde 来自 www.example.com 页面。当没有外部文件时，这可以正常工作。

当我需要使用 loadImage() 和 loadStrings() 来查找要加载的图像和文本时，问题就开始了。它默认为 www.example.com/image.jpg 而不是草图位置 www.example.com/sketches/image.jpg。

@pjs 预加载的需要让事情变得更糟。

不移动文件且不进行硬编码，有没有办法告诉 Processingjs 查找要加载到与 .pde 而不是 .html？

我希望这很清楚。任何帮助将不胜感激！

【问题讨论】：

标签： processing.js

【解决方案1】：

简短回答：不。

从这个意义上说，即使本机处理也不会按照您想要的方式运行，因为您将从 [...]/sketches/ 执行您的草图，并且任何资源调用都是该目录的本地资源。

同样，使用 processing.js，您的资源位于相对于您所在的“目录”的位置，对于 www.example.com/ 而言，该目录只是基本目录。但是，您可以将 .pde 文件放在与 .html 文件相同的目录中，反之亦然。

@pjs 预加载是实现“立即”文件加载所必需的。如果您不预加载它，您的草图将不得不处理异步加载指令。从字面上看，没有预加载指令的 loadImage 的行为与 requestImage 相同（http://processing.org/reference/requestImage_.html）

【讨论】：

非常感谢这些精确度。我使用 iframe 找到了一个相当丑陋的解决方案。它的工作有一点延迟，它使我能够保持我的文件和文件夹组织方案完好无损。