js 截屏利器（网页元素转图片）-- html2canvas

说起如果使用 JavaScript 把 html div 转换成 canvas - 保存成图片，就绕不开 html2canvas。

虽然，还有一些瑕疵，以致于网上出现了大量讨论寻找替代 html2canvas 方案的文章…… html2canvs在这个小领域内的统治力可见一斑

关键代码：

<div id="capture" style="padding: 10px; background: #f5da55">
    <h4 style="color: #000; ">Hello world!</h4>
</div>

html2canvas(document.querySelector("#capture")).then(canvas => {
    document.body.appendChild(canvas)
});

使用就是如此简单!

官网地址：http://html2canvas.hertzen.com/