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 に答える