ページ上の画像の外観を編集するために、スクリプトを作成 (または編集とハッキング) しています。JavaScript の基本は知っていますが、canvas を見るのはこれが初めてです。だから我慢して
次のエラーが表示されます。
クロスオリジン データによってキャンバスが汚染されているため、キャンバスから画像データを取得できません。
エラーをスローする私のコードスニペットは次のとおりです。
var canvas = document.createElement('canvas'),
context = canvas.getContext('2d'),
height = img.naturalHeight || img.offsetHeight || img.height,
width = img.naturalWidth || img.offsetWidth || img.width,
imgData;
canvas.height = height;
canvas.width = width;
context.drawImage(img, 0, 0);
console.log(context);
try {
imgData = context.getImageData(0, 0, width, height);
} catch(e) {}
今、私はこの投稿を見つけました:
http://bolsterweb.com/2012/06/grabbing-image-data-external-source-canvas-element/
しかし、それを自分のニーズに合わせる方法がわかりません..
私はそれがすべてセキュリティとそのすべてのせいであることを知っています-しかし、それをすべて実現するための回避策はありますか?
ありがとう
編集
ちょっと待って..エラーは、getImageData を取得できないためです..「ローカル」にする方法はありますか