javascript - Processingjs - 在 JS 模式下使用时出现 PImage 错误 - 尝试在 JS 模式下加载图像

Question

我正在使用 processingjs 文档中列出的以下代码将图像加载到 Canvas 上。因为我在 JS 模式下使用它，所以我在 Processingjs 代码前面加上 Processing 对象，e.i. “处理”。

/* @pjs preload="laDefense.jpg"; */
processing.PImage b;
b = processing.loadImage("laDefense.jpg");
processing.image(b, 0, 0);

当我使用这段代码时，出现以下错误:“未捕获的语法错误:意外的标识符”

Processingjs 文档引用了以下 loadImage() 片段 (http://processingjs.org/reference/loadImage_/):

// @pjs preload must be used to preload the image 
/* @pjs preload="laDefense.jpg"; */
PImage b;
b = loadImage("laDefense.jpg");
image(b, 0, 0);

有谁知道我为什么会收到这个错误？

我尝试在标准模式下使用第二个列出的片段——在 .pde 文件中，它工作正常。

Answer 1

我不理解前缀为 processing. 的目的。通常，直接处理样式代码通过 .pde 文件加载或嵌入到 html 页面中。当你在处理ide中使用javascript模式时，前者已经为你完成了。无需添加 processing..

如果您删除了前缀，例如在第二个示例中，一切都应该在处理中的标准/java 模式或 javascript/processing.js 模式下正常工作。

您不能在 processing.js 中使用的唯一东西是特定于 java 的调用和库。但是，您可以使用 processing.js 在 .pde 文件中混合和匹配 javascript，这是常见的做法。您还可以从 javascript 访问处理“草图”，例如，从 javascript/ajax/jquery/等传递数据。您可以在 Pomax's Guide to Processing.js 找到更多相关信息。或在 Processing.js website 上.