2017-10-05 2 views
0

私はHTMLページのキャンバス要素に画像を読み込もうとしています。IEでのイメージが(中止されましたが)他のブラウザで動作しています

var loadImage = function(loadImage, callback) { 
var img = new Image(); 
img.setAttribute('crossOrigin,'anonymous'); 
img.onload = function() { callback(Raster(img)); } 
img.onerror = function() { alert('error'); } 
img.src = "http://localhost/myimage.png"; 
} 

上記のコードはchrome、firefoxなどには完全に読み込まれますが、IEで実行するとエラーが発生します。私が開発ツールを見ると、実際には「(中止)」と表示され、0バイトが受け取られます。

コードが他のブラウザで動作し、イメージへの直接URLが画像をロードしている場合(IEでも)、エラーが発生する理由はまったくありません。キャンセルがなければ、なぜ中止と言われますか?

答えて

0

互換性の問題があるためキャンバス要素や画像を読み込めないことがあります。 <img />(HMTL)を使用しようとしましたか?

+0

img.srcを割り当てるときにキャンバス要素(onload関数)にも行きません。帽子は私がそれがキャンバスに関係するものであると疑う理由です。 – user281921

+0

@ user281921次に、何が起こっているのか分かりません。より多くの注意を払うために、この質問に賞金を払わなければならないかもしれません。 – EgMusic

+0

@ user281921 onloadを使用すると、他のものの読み込みが中断されることがあります。あなたのonload関数を(コメントにすることによって)コメントアウトしてからロードしてみてください。これで問題が解決しない場合は、JavaScriptを書き直してください。 – EgMusic

関連する問題