处理图像中的Web导出

Web export in Processing with images?

本文关键字：Web 导出 图像 处理      更新时间：2023-09-26

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

有人有这方面的经验吗？如果这有帮助的话，代码如下（它真的很简单）。非常感谢。

绘制.pde

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

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参考资料。

相关文章：