关于使用html2canvas 绘制图片的坑
2024-08-23 20:50:33
html2canvas绘制跨域图片之后，会导致画布被污染，从而无法使用canvas的toDateUrl()等方法获取图片数据的方法，这是canvas的限制而并非html2canvas的原因。好了锅甩好了下面进入正题
公司最近有一个需求，保存一张海报，但是卡在了将绘制后图片转化成base64的个砍上。查了下原因，就是因为绘制了跨域图片，从而导致画布无法导出成数据。行吧既然是跨域，那么就和后台说一下，把特定的图片的Access-Control-Allow-Origin设置成*吧，但是改完之后的结果却又不尽人意
在chrome上确实可以导出了，但是在safari上虽然没有爆出画布污染，能导出了，但是跨域图片在绘制后是一片空白。这就有点无奈了。
最后只能使用
将图片转化成base64之后，再使用html2canvas绘制，这样虽然解决了画布污染，和绘制空白的问题，当是后台那边的开销就有点奢侈了，不知到那位大神有没有更好的解决方案。
最后在加一句。开发h5app的同学，再ios上使用html2canvas绘制本地图片（img src=”../../img1.png“）都会出现画布污染的情况
最新文章
- nagios二次开发（三）---nagiosql架构简介
- Mac 安装mysql5.7 注意事项
- Mina、Netty、Twisted一起学（七）：发布/订阅（Publish/Subscribe）
- sqlserver关于对列的权限控制
- Linux--用SecureCRT来上传和下载文件
- 前端 - 使用gulp搭建es6运行环境
- Linux改动文件权限记录
- HBASE完全分布式模式的安装
- Python 直接赋值、浅拷贝和深度拷贝全解析
- Menu-右键弹出菜单
- MySQL连接缓慢，打开缓慢原因
- iOS开发SDWebImageOptions理解
- VB.Net 经典画圆方法
- bootstrap——辅助类和响应式工具类
- nested exception is com.svorx.core.dao.PersistenceException
- 洛谷 P1123 取数游戏
- e787. 用JSpinner实现小时选择
- Spyer中添加一些常用包的方法
- SSD的SLC MLC 和TLC哪个好?
- 【实战】Apache Shiro 1.2.4 RCE