2017-10-05 96 views
0

我试图将图像加载到我的HTML页面上的画布元素。在IE中的HTML图像(中止),但在其他浏览器中工作

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

由于存在兼容性问题,可能无法加载canvas元素和/或图像。您是否尝试使用<img />(HMTL)?

+0

事情是,它甚至不会去我们分配img.src时死亡的canvas元素(onload函数)。帽子为什么我怀疑它与帆布相关。 – user281921

+0

@ user281921然后我不确定发生了什么事。你可能不得不在这个问题上给予更多的关注。 – EgMusic

+0

@ user281921在某些情况下,使用onload会中断其他事物的加载。尝试评论你的onload函数,(通过使它成为一个评论),然后尝试加载它。如果这不起作用,请重新编写您的JavaScript。 – EgMusic

相关问题