简单易上手的canvas插件

879 阅读1分钟

H5html2canvas

使用方式:

//视图
<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/

注:微信公众号移动端无法实现点击下载图片,需要手动长按保存

小程序

链接地址:

https://developers.weixin.qq.com/community/develop/article/doc/000e222d9bcc305c5739c718d56813