网页转图片--- 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值我将在下一篇文章中作介绍。