博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
canvas.toDataURL 由于跨域报错的解决方法
阅读量:4599 次
发布时间:2019-06-09

本文共 464 字,大约阅读时间需要 1 分钟。

关于canvas.toDataURL 由于跨域报错的解决方法

用过canvas,都知道toDataURL这个方法真好用,不仅合成图片用到它,压缩图片也用到它。但有一个问题,就是图片源不能跨域,不然会报错:

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

解决方法,相信大家都知道了,就是在图片img加上crossOrigin属性,赋值为Anonymous。但还有一个关键的地方,就是设置crossOrigin要在设置src地址之后,否则是没有效果的:

var img = new Image();img.src = '.....';  //顺序不能错img.setAttribute("crossOrigin",'Anonymous');

转载于:https://www.cnblogs.com/blogs-xlf/p/11557763.html

你可能感兴趣的文章
iOS-如何写好一个UITableView
查看>>
如何在Objective-C中实现链式语法
查看>>
select2 下拉搜索控件
查看>>
WebAPI常见的鉴权方法,及其适用范围
查看>>
08. 删除重复&海量数据
查看>>
重新想象 Windows 8 Store Apps (71) - 其它: C# 调用 C++
查看>>
发布mvc遇到的HTTP错误 403.14-Forbidden解决办法
查看>>
记录一些好用的工具
查看>>
超链接样式设置(去下划线)(转)
查看>>
restcontroller和controller区别
查看>>
2016012003+陈琦+散列函数的应用及其安全性
查看>>
Android 状态栏通知Notification、NotificationManager详解
查看>>
Sublime Text 3中使用正则表达式删除空行
查看>>
UIApplicationDelegate协议
查看>>
再谈iOS 7的手势滑动返回功能
查看>>
Jmeter测试dubbo接口填坑
查看>>
python小练——找出指定目录下小于指定字节的文件,输出到文本文件
查看>>
渐渐磨砺--16年11月封闭总结
查看>>
[zz]GDB调试精粹及使用实例
查看>>
数据库的创建和删除
查看>>