缩略图 - 关于canvas的toDataURL报错问题

问题描述

问 题

各位大神，请教大家一个问题。
如图，第一张图是我用canvas的toDataURL的方法，想把canvas上的缩略图保存下来，总是会有第二张图那样的报错，弄不清楚原因。
到了第三张图，我用同样的方法就是好的，可以正常显示的。

有谁知道原因吗？该怎么解决呢？烦请各位解答一下，感谢。

解决方案

你一张图里_img使用的是不同域名的图片吧，这样drawImage到canvas, 就会有跨域问题，而第二张是同域
解决方案（需要图片服务器添加Access-Control-Allow-Origin: *，下面代码才行）

var image = new Image();
image.setAttribute('crossOrigin', 'anonymous');
image.src...

参考：

• 各种后端语言和web服务器怎么设置Access-Control-Allow-Origin

• http://stackoverflow.com/ques...

这篇关于缩略图 - 关于canvas的toDataURL报错问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！