• 首页
  • 电影
  • Js
  • 前端
  • 新旅
  • 奇技
  • 网安
  • 歌单
  • 关于
  • 搜索
  • 夜间模式
    ©2013-2025  成长小破站 Theme by OneBlog
    搜索
    标签
    # css # js # uniapp # ps # chrome # 小程序 # javascript # 布局 # typecho # 激活码
  • 首页>
  • 前端笔记>
  • 正文
  • Canvas跨域:Tainted canvases may not be exported.

    2019年12月05日 1.5 k 阅读 0 评论 783 字

    canvas 绘制跨域图片,导出为图片的时候会出现
    Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

    解决方案

    var image = new Image();
    image.crossOrigin = '';//重点设置跨域
    image.onload = function (e) 
    {
    $('#myCanvas').attr('width', this.width);
    $('#myCanvas').attr('height', this.height);
    ctx.drawImage(this, 0, 0, this.width, this.height, 0, 0, this.width, this.height)        
    }
    image.src ='IMGURL'
    //导出为png图片
    var exportImg = cvs.toDataURL("image/png", 1);
    $('#imgs').attr('src', exportImg);//设置src为base64的图片

    设置头部可跨域

    header("Access-Control-Allow-Origin: *");

    参考资料:https://developer.mozilla.org/zh-CN/docs/Web/HTML/CORS_enabled_image

    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    Tainted canvases may not be exported.canvas跨域图片
    取消回复

    发表留言
    回复

    首页电影Js前端新旅奇技网安歌单关于
    Copyright©2013-2025  All Rights Reserved.  Load:0.033 s
    豫公网安备41050202000235   豫ICP备18019224号-2
    Theme by OneBlog V3.6.4
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。