1

我希望我的处理草图随机从 lorempixel 加载图像,并将它们显示给用户。我可以从 Processing IDE 中运行的 Processing 中完美地做到这一点,但是当我将它与 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

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

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

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

谁能解释为什么会这样?

4

1 回答 1

0

这个链接可以帮助你。基本上你必须启用CORS

于 2013-02-20T21:32:12.683 回答