別のドメインのサーバーから画像を読み込んでいます。イメージは CORS 対応です (ヘッダーは ですAccess-Control-Allow-Origin: *)。最新のブラウザでは、 を使用してimage.crossOrigin = ''、それらを安全に に描画できます<canvas>。
Internet Explorer 9 でも同じことができるようにしたいと思います。IE9 はcrossOrigin画像をサポートしていません。ヘッダーXDomainRequestを使用したクロスドメイン リクエストには対応しています。Access-Control-Allow-Origin
PNG 経由でロードXDomainRequestしてキャンバスに描画することは可能ですか?
IE で XDomainRequest を使用して画像をダウンロードする際の複雑さ
IE では、XdomainRequest がプレーンテキスト データ (ARGH!!) でのみ機能することを許可します: http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx
IE はまた、そのFindMimeFromData. したがって、URL のタイプ プレフィックス (data:image/png;base64) を取り除いても、このスニファーは base64 テキストが実際には画像であることを認識し、それに応じて処理します: http://msdn.microsoft.com/en-us /library/ms775147(v=vs.85).aspx
スニファーを混乱させるために、何らかの方法で base64 テキストを再エンコードすることが考えられます。
MS は、CORS ポリシーが制限的すぎることを明らかに認識しており、WebAPI に拡張 CORS サポートを追加することを計画しています: http://channel9.msdn.com/Shows/Web+Camps+TV/ASPNET-Web-API-and-CORS-サポート
それ以外の場合は、X ドメインではなくなるように、自分の Web サーバーから画像をバウンスする現在のソリューションが残されます。