Question

我正在Edge上创建图像，当我将image.src设置为“ http://b.tile.openstreetmap.org/2/3/1.png”时，图像加载失败，并且我尝试了两种更改： 1.将src更改为“ http://a.tile.opencyclemap.org/cycle/2/1/1.png”，加载成功。 2.注释行“ image.crossOrigin ='anonymous'”，加载成功。我发现边缘具有“ crossOrigin”属性，但是为什么图像加载失败？这是Edge的错误吗？我发现了一些类似的问题MS Edge support crossorigin attribute?，但是问题状态是固定的。

Microsoft Edge 41.16299.820.0

(function() {
  var button = document.getElementById('the-button');
  button.onclick = function() {
    var image = new Image();
    image.crossOrigin = 'anonymous';
    image.onload = function() {
      console.log('image load succeeded');
    }
    image.onerror = function() {
      console.log('image load failed!');
    }
    image.src = 'http://b.tile.openstreetmap.org/2/3/1.png';
  }
})();

<img src="http://b.tile.openstreetmap.org/2/3/1.png">
<!--http://a.tile.opencyclemap.org/cycle/2/1/1.png-->
<button id="the-button">Load image</button>

从openstreetmap创建图像时，带有跨域的Edge中的脚本脚本抛出错误

0 个答案: