純前端H5，利用html2canvas，base64轉碼，生成圖片，解決iOS和安卓微信的坑，生成不全，空白，跨域等問題。

查閱不少資料後，幾乎沒有一個能完整解決問題的，都是東平西湊，各類調試才勉強解決生成圖片的坑。javascript 由於canvas始終會跨域，通常都是經過設置後端，改的麻煩也不知道行不行，因此就前端本身想辦法解決，繞事後端。html canvas生成圖片有要求，不能夠是display：none；我是定位z-index負值，不設置透明度，除非你要生成透明的。前端 先貼下代碼：java <!-- 遮罩

>>阅读原文<<