網頁轉圖片--- 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值我將在下一篇文章中作介紹。