网页转图片--- html2canvas截图

　　最近有个做在线名片（可保存图片至本地）的任务，特意研究了一下图片生成，也踩了几个坑。特此总结一下，顺便分享一下demo：

　　链接：https://pan.baidu.com/s/1o98UBJO 密码：s0hz

　　其中也遇到了一些坑比如查询网上的 html2canvas  使用方法，发现很多人总结的方法做出来的图很模糊，或者不支持移动端。最后发现官方API给的方法可用，但是用官方给的方法的时候里面有个 => 符号，会导致编辑器报错。解决方法：把  canvas =>function  改成   function(canvas) 。

　　还有一个坑就是该插件会读取jpg图片的exif值（iphone和数码相机拍出来的照片所带的一个值），然后把带exif值的图片旋转再转成图片。这个东西在很多页面中有引用头像或jpg图片的时候会出现。解决方法：改成png，gif等，实在不行就先用exif.js把图片逆向旋转一下。（这主要是在iphone手机上会出现：显示图片正常，转成canvas时会旋转）。具体的exif值我将在下一篇文章中做介绍。

 

转载于:https://www.cnblogs.com/ovocake/p/8306137.html