HTML转图片

博主在最近的工作中遇到了这么一个问题：将 HTML 页面中渲染的内容保存为图片文件或 base64 字节流。于是博主便开始如下探索：

• 首先博主从同事那里打听到了一个 js 库 html2canvas.min.js ，该库可将 HTML 转 Canvas 同时可用以获取 canvas 内容的字节流。
• 上述 js 库的发现，使获取字节流的需求得到了解决，但是将内容保存为图片的需求还没解决。于是博主又在浏览器上进行了一顿猛如虎的查询，找了另外一个 js 库 canvas2image.js，这个库的发现，成功解决了博主另一个需求。

博主与需求的故事到此结束，下面就是激动人心的时刻：上代码！！！

demo.html

效果图

示例代码粘贴完事，收工！下~ ~ ~ 班 ~ ~ ~ 是不可能下班的！工作使我快乐，我也要996，也要ICU

PS：

1. 上述样例需在 web 服务器中进行发布测试，否则会因跨域问题导致失败。
2. 浏览器下载下来的图片文件是没有文件格式后缀的
3. canvas2image Github地址：https://github.com/hongru/canvas2image
4. html2canvas Github地址：https://github.com/niklasvh/html2canvas/
5. html2canvas 官网：http://html2canvas.hertzen.com/
6. 代码下载：https://download.csdn.net/download/supreme_sir/11149920