2

Canvas (Pixastic) で CORS 対応の画像を使用できません。

私が持っているサーバー上で

Header set Access-Control-Allow-Origin "*"

私のhtaccessファイルに。

クライアント側では、次のように HTML で crossorigin 属性を設定しようとしました。

<img src="http://myseconddomain/image.jpg" crossorigin="anonymous" />

成功せずに。その後、Pixasticのコードで試しました:

var el = elements[i];
el.crossOrigin = 'anonymous';

どちらも機能しません。

クロムのキャッシュも無効にしましたが、役に立ちません。

Chrome はログを記録しています:

Uncaught Error: SECURITY_ERR: DOM Exception 18 
Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

HTMLは問題ないように見えても（crossorigin属性が設定されている）、画像ヘッダーは問題Access-Control-Allow-Originないように見えます（ ）。

残念ながら、ご想像のとおり、このアプリは本番環境からかけ離れているため、リンクを提供することはできません。

4

1 に答える 1

2

方法を見つけました。ここに投稿しますので、いつか誰かの助けになることを願っています。

init（）関数が最初に思ったように常に呼び出されるとは限らないため、Pixasticのコードで正しい関数をいじっていなかったことが起こりました。

Pixastic.process（）関数に次の行を追加しました。

dataImg.crossOrigin = "anonymous";

そして、それはトリックをしました。

于 2013-02-22T08:45:04.903 に答える