记录:H5微信公账号(页面生成海报或div生成海报)

151 阅读1分钟

1.下载插件

npm install html2canvas
或
yarn add html2canvas

2.使用

<view class="div"> </view>

<image :url="Url"> </image>

data(){
    reture{
        Url:""
    }
}

1.引入
import html2canvas from 'html2canvas';

2.获取节点
const div = document.querySelector(".div")
html2canvas(div).then(function(canvas) {
let dataURL = canvas.toDataURL('image/png');
this.Url= dataURL
});

长按图片进行保存

官方地址:html2canvas.hertzen.com/getting-sta…