color-thief.jsを使用して、Web 上の画像から色データを取得しようとしています。
myImage = $('#myImage');
dominantColor = getDominantColor(myImage);
paletteArray = createPalette(myImage, 10);
Chrome は安全性の問題について不平を言っています:
Unable to get image data from canvas because
the canvas has been tainted by cross-origin data.
ここにjsFiddleがあります。(タグが 1 つしかないのに、リンゴが 2 つあるのはなぜ<img>ですか??)
この質問は以前にも取り上げられましたが、私には理解できませんでした。
例:データ URL からキャンバスに画像を描画しますが、これは HTML5 Canvas に固有のものと思われます。