设置img.src时报错SCRIPT5:拒绝访问

最新推荐文章于 2020-11-17 20:40:56 发布

原创最新推荐文章于 2020-11-17 20:40:56 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#地址格式化 #canvas绘制img

ie兼容专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了在Internet Explorer 11中使用HTML5 Canvas绘制图片的方法，以及解决因图片路径格式不兼容导致的绘图错误问题。通过将图片路径中的反斜杠转换为正斜杠，确保了不同浏览器下的兼容性。

环境ie11

用canvas绘图

var ctxDom=document.getElementById("canvas")
var context = ctxDom.getContext('2d');

   var imgObject = new Image();
   imgObject.onload = function() {
       context.save();
       context.clearRect(0, 0, this.width, this.height);
       context.scale(parseInt($('.pageBox').width())/rePaintScale,parseInt($('.pageBox').width())/rePaintScale);
       context.drawImage(imgObject, 0, 0);
       context.restore();

}
imgObject.onerror=function(){alert("error!")};
//之前没有对图片地址进行转换

/**图片为默认的\\uploadfiles\\labels\\d27093db-43bb-11e9-adfb-1458d0d31cd4\\1\\454deaf2-e169-461c-b009-362831729837\\label.png**/

/***在有的电脑上可以直接设置src，显示，在我电脑上报： SCRIPT:拒绝访问错误；后经过排除就是路径转换问题***/

/*****猜想有些浏览器可以自动转换，有些可能不能自动转换，或者转换功能坏了，导致报错，总结还是不要偷懒，保证文件路径标准化****/
   var url=src.replace(/\\/g,"/");
   console.log(url);
   imgObject.src=url;