js 截屏利器(网页元素转图片)-- html2canvas

追格官方小助手/ 2023年03月25日/ 开源推荐/ 浏览 2280


说起如果使用 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/


发表评论

暂无评论,抢个沙发...

客服 工单