• 咱主张不由市场发挥全部作用,是因为市场受需求引导,而需求又分正义需求和邪恶需求。 2019-08-17
  • 纸质书电子书何必分高低 2019-08-17
  • 山东栖霞聚焦扶贫领域精准监督 现场质询跟踪督办 2019-08-16
  • 开发者回顾《最终幻想12》的游戏制作过程 2019-08-13
  • 中欧班列整车进口专列抵达西安港 2019-08-13
  • 贵州日报报业集团总编辑万群祝贺人民日报创刊70周年 2019-08-11
  • 民生时评:上海支付宝回收垃圾并不现实(原创首发) 2019-08-10
  • 北美票房全女性阵容《瞒天过海:美人计》成票房大赢家 2019-08-10
  • 五万球迷助阵 国安主场“摘花” 2019-08-03
  • 中美研究人员发现新型狗流感病毒 2019-08-02
  • 2017年春季招聘 ,凤凰等你来! 2019-07-31
  • 这下就真的更加坐实你的老蚕了,所有网友都是见证!想赖都赖不掉了。 2019-07-14
  • 收藏!中国“世界级遗产”全名录 2019-07-14
  • 司法部推进“放管服”改革  全面清理各类“奇葩”证明 2019-06-29
  • 两年换4次工作 退役战友们亟待补上这八堂课 2019-06-27
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

     本文介绍了Canvas引入跨域的图片导致toDataURL()报错的问题的解决,分享给大家,具体如下:

    【场景】

    用户打开网页,则请求腾讯COS(图片服务器)上的图片。使用canvas绘图。

    然后,用户可以重新选择图片、裁剪、上传。

    【问题】

    图片首次载入,选择新图片后裁剪、绘制都没有问题。但上传失败,报错如下:

    Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

    经过了解,需要在图片首次引用时,设置crossOrigin字段:

                    var c=document.getElementById("cover_show");
                    var img=new Image();
                    img.src="//vsqx-cover-xxxxxx.coscd.myqcloud.com/"+this.vsqx_uid+".jpg";
                    //增加这一行:
                    img.setAttribute("crossOrigin",'anonymous');
                    img.onload = function(){
                        var cxt=c.getContext("2d");
                        cxt.drawImage(img,0,0,300,150,0,0,200,126);
                    }

    然后再次运行。发现图片首次载入时,不显示了。。。

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/css-ps/ps50968.shtml

  • 咱主张不由市场发挥全部作用,是因为市场受需求引导,而需求又分正义需求和邪恶需求。 2019-08-17
  • 纸质书电子书何必分高低 2019-08-17
  • 山东栖霞聚焦扶贫领域精准监督 现场质询跟踪督办 2019-08-16
  • 开发者回顾《最终幻想12》的游戏制作过程 2019-08-13
  • 中欧班列整车进口专列抵达西安港 2019-08-13
  • 贵州日报报业集团总编辑万群祝贺人民日报创刊70周年 2019-08-11
  • 民生时评:上海支付宝回收垃圾并不现实(原创首发) 2019-08-10
  • 北美票房全女性阵容《瞒天过海:美人计》成票房大赢家 2019-08-10
  • 五万球迷助阵 国安主场“摘花” 2019-08-03
  • 中美研究人员发现新型狗流感病毒 2019-08-02
  • 2017年春季招聘 ,凤凰等你来! 2019-07-31
  • 这下就真的更加坐实你的老蚕了,所有网友都是见证!想赖都赖不掉了。 2019-07-14
  • 收藏!中国“世界级遗产”全名录 2019-07-14
  • 司法部推进“放管服”改革  全面清理各类“奇葩”证明 2019-06-29
  • 两年换4次工作 退役战友们亟待补上这八堂课 2019-06-27
  • 时时彩稳赢方法100 浙江61走势图2元网 云南快乐10分前3组今天开奖结果 浙江二十选五带坐标走势 时时彩缩水工具手机 香港一码堂特碼资料 幸运飞艇游戏合法吗 极速时时在哪里 福彩12选5软件下载 安卓重庆时时v2.1.4