Question

这可能是一个显而易见的问题，但我没有看到它在任何地方解决，但我想弄清楚为什么我的处理草图的Web导出不检索已保存的图像？我想我应该将图像与其他文件打包在一起，但只是将图像放在同一个文件夹中似乎不起作用。我也知道我正在正确导出它，因为当我导出没有保存图像的草图（只是在程序中创建的形状或文本）时，它工作得很好。

有没有人有这方面的经验？如果这有帮助，代码就在下面（这真的非常简单）。谢谢！

draw.pde

void setup () {
  size(1280,800);
  background(255,255,255);
}

void draw() {
  PImage img;
  img = loadImage("drake.png");
  image(img, mouseX, mouseY);
}

Answer 1

Processing的JavaScript模式使用异步加载图像。这意味着图像在后台加载，并且在您尝试绘制图像时不会加载。

快速修复（无论如何，即使在Java模式下也应该使用）是不在draw()函数中加载图像：您将每秒重新加载相同的文件60次！而是在草图的开头加载一次。

另外，如果你正在使用Processing.js，那么你需要在顶部预加载。

/* @pjs preload="drake.png"; */

PImage img;

void setup () {
  size(1280,800);
  img = loadImage("drake.png");
  background(255,255,255);
}

void draw() {  
  image(img, mouseX, mouseY);
}

Processing.js参考here中的更多信息。

用图像处理Web导出？

1 个答案: