html2canvas以及domtoimage的使用踩坑总结

前言
首先做个自我介绍,我是成都某企业的一名刚刚入行约一年的前端,在之前的开发过程中,遇到了问题,也解决了问题,但是在下一次解决相同问题的时候,只对这个问题有一丝丝的印象,还需要从新去查找,于是,我注册了segmemtfault,便于搜集我的问题总结,以及将踩坑经验分享给每一个开发人员,好了,闲话不多说。
需求
需求:要求能够实现根据后端返回的数据生成一张image,便于用户将图片分享到朋友或者朋友圈,取得用户的关注。
开始踩坑
一.html2canvas对于跨域图片,转换的时候会将跨域图片识别为空白。问题分析:既然是由于跨域引起的问题,那我们让资源不跨域不就可以访问了吗?解决办法:将图片放置服务器,通过nginx进行代理资源,前端访问图片便不涉及到跨域问题。
二.html2canvas动态加载内容,通过canvas转换出来的数据,图片为空问题分析:内容是动态加载进来的,转换肯定是在请求完毕之后再去转换,但是在请求完毕之后去转换,按理说所需要的所有数据都已经到达前端,应该可以转换,经过思考,发现图片内容从后台读取需

html2canvas以及domtoimage的使用踩坑总结最先出现在Python成神之路

版权声明:
作者:dingding
链接:https://www.techfm.club/p/11658.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>