当前位置:网站首页>【无标题】
【无标题】
2022-07-29 19:49:00 【无围之解】
1 引入依赖
npm install html2canvas jspdf --save
(jspdf导出卫pdf格式)
2使用
<el-button @click="clickToImg">生成海报图片</el-button>
<div ref="imageWrapper">
<button @click="clickAbout">About</button> |
<button @click="clicktest">test</button> |
<button @click="clickprofile">profile</button> |
<button @click="clickposts">posts</button> |
</div>
3页面引入 因为用的少,不全局引用 那个页面用加载即可
import html2canvas from "html2canvas"
4,方法调用
clickToImg(){
const opts = {
scale: 2, // 添加的scale 参数 提交图片清晰度,还有其他参数
useCORS: true // 【重要】开启跨域配置
};
html2canvas(this.$refs.imageWrapper边栏推荐
- 【组成原理 五 系统总线】
- Xcode如何利用预览(Preview)让SwiftUI视图快速适配不同尺寸的设备
- cpolar应用实例之助力航运客户远程办公
- JMeter usage tutorial (2)
- The ambition of glory: "high-end civilians" in a smart world
- Kubernetes: (4) Common commands
- 私域增长 | 私域会员:9大连锁行业15个案例集锦
- 并发编程学习笔记 之 常用并发容器的概念及使用方法
- PEG-siRNA-PCL|siRNA-PEG-LHRH|MPEG-siRNA 甲氧基聚乙二醇修饰核酸
- 直播预约 | 如何通过MLOps解放和提升AI生产力?
猜你喜欢

论文写作全攻略|一篇学术科研论文该怎么写

easyExce模板填充生成Excel的实际操作,多sheet页处理

PyQt5快速开发与实战 7.2 信号与槽再细分 && 7.3 信号与槽的高级玩法

Flink1.15源码阅读flink-clients之GenericCLI、flinkYarnSessionCLI和DefaultCLI
![[GXYCTF2019] ban dolls](/img/91/3f64bebd13a8b13fbb387c2acf8618.png)
[GXYCTF2019] ban dolls

regular expression

conda虚拟环境 | install 与 list 问题

C语言学习书籍 零基础入门篇

模拟量、数字量与开关量的区别

Xcode如何利用预览(Preview)让SwiftUI视图快速适配不同尺寸的设备
随机推荐
offsetwidth111[通俗易懂]
conda虚拟环境 | install 与 list 问题
2022中国物流产业大会暨企业家高峰论坛在杭州举办!
【AutoSAR 十三 NVM】
全渠道电商 | 国内知名的药妆要如何抓住风口实现快速增长?
转行软件测试,你关心的都在这
华为笔记本键盘锁住了(笔记本电脑键盘怎么亮起来)
[GXYCTF2019]禁止套娃
LeetCode_474_一和零
【AutoSAR 十 IO架构】
4D Summary: 38 Knowledge Points of Distributed Systems
Is it safe to use the MD5 encrypted string to store the password?Hash algorithm you have to know
Flink1.15源码阅读flink-clients之GenericCLI、flinkYarnSessionCLI和DefaultCLI
PyQt5快速开发与实战 7.2 信号与槽再细分 && 7.3 信号与槽的高级玩法
LeetCode #88.合并两个有序数组
[数学]线性代数复习总结
悲伤的摇滚乐
程序员如何提升自己写代码的能力?
正则表达式
[数学]考研数学公式定理大总结