Question

我希望我的处理草图随机加载来自lorempixel的图像，并将它们显示给用户。我可以通过Processing IDE中的Processing run完美地完成这项任务，但是当我将它与Processing.js一起使用时，它会失败。

这是我的设置：

PImage img;

void setup() {
   int x = (int) random(400,1024);
   int y = (int) random(400,768);

   String url = "http://lorempixel.com/" + x + "/" + y;
   img = loadImage(url, "jpg");
   size(x,y);
}

我在JS控制台中收到以下错误

GET http://lorempixel.com/494/548.jpg/ 404 (Not Found) processing-1.4.1.min.js:13
   cW.loadImage processing-1.4.1.min.js:13
   setup
   b6 processing-1.4.1.min.js:13
   F.Processing processing-1.4.1.min.js:13
   Z processing-1.4.1.min.js:13
   T.X.onreadystatechange

为什么在我的网址末尾添加.jpg？有没有办法以我想要的方式加载这些图像？

我尝试从loadImage调用中删除额外的.jpg参数，但是当我这样做时它会成功加载图像，然后使用以下错误导致程序崩溃

Unable to get image data from canvas because the canvas has been tainted 
by cross-origin data.

任何人都可以解释为什么会这样吗？

Answer 1

此link可以为您提供帮助。基本上你必须启用CORS。

Processing.js在loadImage（）的URL末尾添加“jpg”

1 个答案: