我希望我的处理草图随机从 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.
谁能解释为什么会这样?