PC端中将html转化成图片并自动下载

最近公司做项目有个需求就是将html网页转化成图片并通过出发按钮进行下载，看到这需求时开始一脸蒙蔽，通过查看其他大牛的技术文档，发现H5中canvas通过画布可以得到相应的效果，边整边试终于达到效果，下面直接开干:

需求:将html页面（包含生成的二维码），转化成图片并下载截图

1.需要引入的js库:

html2canvas.js

canvas2image.js

jquery.min.js（必须要）

qrcode.min.js （用于二维码的生成）

 

2.将html上的二维码进行生成

3.通过点击按钮使其canvas画布并下载

源码

 

4.完整源码:

　

















点击截图

希望能对你有所帮助;源码亲测，没有问题哈。js库没找到直接上传的地方，只能自己下载了哈。有问题可以xian相互交流哈，谢谢。