为了账号安全,请及时绑定邮箱和手机立即绑定

canvas 无法转化成Image

canvas 无法转化成Image

慕慕森 2018-12-06 12:36:17
想要做一个相册之类的功能,有相框和相片两个图片,现在把这两个图片画入到一个新的canvas,canvas显示出来是正常的 ,但是想把这个canvas转化成新的图片,但是一直转化不了报 Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 关键的代码是 var newCanvas = document.createElement('canvas'); newCanvas.width = 300; newCanvas.height = 400; newxCtx = newCanvas.getContext("2d"); var img = new Image(); img.src = $(".photoWrap_canvas").attr("data-url"); img.setAttribute("crossOrigin", 'anonymous') img.onload = function () { // $(".photoWrap_canvas").hide(); newxCtx.drawImage(util.getEl("myCanvas"), 0, 0); newxCtx.drawImage(img, 0, 0, 300, 400); $(".result").prepend(newCanvas); var data = newCanvas.toDataURL('image/jpeg'); alert(data) var hc_image = new Image(); hc_image.src = data; $(".result").append(hc_image); }
查看完整描述

2 回答

?
慕森卡

TA贡献1806条经验 获得超8个赞

主要问题是选择本地文件放到页面上的canvas里的时候也要设置一下跨域
查看完整回答
反对 回复 2018-12-24
  • 2 回答
  • 0 关注
  • 517 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信