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

CanvasContext2DDraImage()问题[onload和CORS]

CanvasContext2DDraImage()问题[onload和CORS]

慕姐4208626 2019-06-06 14:40:59
CanvasContext2DDraImage()问题[onload和CORS]我正试图在画布上画一幅图像,然后才能得到它。dataURL(),但是返回的数据就像空的。当我在控制台上检查它时,我发现有很多A在字符串中:("data:image/png;base64,iVBO..some random chars... bQhfoAAAAAAAAAA... a lot of A ...AAAASUVORK5CYII=")当我试图将画布附加到文档中时,也不会绘制任何内容,控制台中也不会抛出任何错误。这里有什么问题?这是我的代码:var img = new Image();img.src = "http://somerandomWebsite/picture.png";var canvas = document.createElement('canvas'); canvas.width = img.width;canvas.height = img.height;var context = canvas.getContext('2d');context.drawImage(img, 0,0);  // this doesn't seem to workvar dataURL = canvas.toDataURL(); // this will give me a lot of "A"    doSomething(dataURL);此外,在进行快速刷新时,图像将正确地绘制到画布上,但我在控制台中得到了一条错误消息,dataURL是空的。Firefox中的信息是:“SecurityError:操作不安全。”,在铬中“UnaughtSecurityError:未能在‘HTMLCanvasElement’上执行‘toDataURL’:可能无法导出受污染的画布。”,在IE上我得到了“安全错误”.这是什么意思?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 190 浏览
慕课专栏
更多

添加回答

举报

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