<template>
<div class="index">
<div id="captureId" class="capture" v-show="firstFlag" style="border:1px solid red;width:200px;height:200px">
<div>
afjo
</div>
<h2>helloworld</h2>
</div>
<img :src="dataURL" alt="" v-show="!firstFlag">
</div>
</template>
<script>
import html2canvas from 'html2canvas';
export default {
data () {
return {
dataURL:'',
firstFlag:true,
};
},
mounted(){
html2canvas(document.querySelector('#captureId')).then(canvas => {
let imgUrl = canvas.toDataURL('image/png');
this.dataURL = imgUrl;
this.firstFlag = false;
})
},
methods: {
}
}
</script>
<style lang='less' scoped>
vue生成图片在微信,浏览器上都可长按保存,在抖音上不行,这是为什么
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
悬赏问题
- ¥15 stm32u535芯片usb hid custom类接收数据有问题
- ¥20 quartus功能仿真
- ¥15 传染病最优控制问题,控制为什么没起作用
- ¥15 ue5.3 pico打包失败 求帮助
- ¥15 请教,这是用chatgpt写的CAD LISPD脚本,需求是画一个由双直线组成的矩形
- ¥50 微信小程序 成功包奶茶啊
- ¥15 计算机博弈的六子棋代码
- ¥15 在Fetch API中传送的参数为何不起作用?
- ¥15 问题遇到的现象和发生背景 360导航页面千次ip是20元,但是我们是刷量的 超过100ip就不算量了,假量超过100就不算了 这是什么逻辑呢 有没有人能懂的 1000元红包感谢费
- ¥30 计算机硬件实验报告寻代