引入依赖:
npm install html2canvas
<template>
<!-- 给需要截图的容器注册引用信息: ref="imageTofile"-->
<view class="content" ref="imageTofile">
<image class="poster" :src="poster" mode="aspectFill"></image>
</view>
</template>
<script>
// 引入依赖
import html2canvas from 'html2canvas'
export default {
data() {
return {
poster: null
}
},
onLoad(e) {
},
onShow() {
let timer = setInterval(() => {
if (!this.poster)
this.jieping();
if (timer) {
clearInterval(timer);
timer = null;
}
}, 500);
},
methods: {
jieping() {
var _self = this;
uni.getSystemInfo({
success(e) {
//设计稿与视窗宽度比
let scale = 750 / e.windowWidth;
//截图宽高
let width = 750 / scale;
let height = 1086 / scale;
html2canvas(_self.