bootstrapTable之html2canvas导出表格为图片
发布日期:2022-03-04 12:48:40
浏览次数:21
分类:技术文章
本文共 916 字,大约阅读时间需要 3 分钟。
1.引入bootstrapTable及html2canvas
bootstrapTable官网:https://www.bootstrap-table.com.cn/
html2canvas官网: http://html2canvas.hertzen.com/ 具体参考: https://blog.csdn.net/baidu_31788709/article/details/102689471
2. 导出图片
function saveCanvas() { let canvasObj = document.querySelector("#dt-table") html2canvas(canvasObj, { allowTaint: true, scale: window.devicePixelRatio, //像素比 useCORS: true, //允许服务器图片 height: canvasObj.scrollHeight,//canvas高 width: canvasObj.scrollWidth, //canvas宽 backgroundColor: "#fff", logging: false }).then(canvas => { let imgUri = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); let a = document.createElement('a'); let event = new MouseEvent('click') a.download = 'table.jpg' a.href = imgUri; a.dispatchEvent(event) }); }
转载地址:https://blog.csdn.net/qq_44308920/article/details/121095256 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月23日 23时55分10秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
除法取模和逆元
2019-04-26
HDU5019Revenge of GCD
2019-04-26
中国剩余定理
2019-04-26
组合数取模
2019-04-26
线段树模板
2019-04-26
poj3264 Balanced Lineup——线段树
2019-04-26
RMQ算法
2019-04-26
树状数组
2019-04-26
度度熊与邪恶大魔王——dp
2019-04-26
ubuntu修改.bashrc文件
2019-04-26
Ubuntu查看系统分区使用情况,CPU使用情况
2019-04-26
Ubuntu下安装与卸载Qt
2019-04-26
Ubuntu16.04 开启多个终端,一个终端多个小窗口
2019-04-26
后端服务百万高并发实战
2019-04-26
为什么MySQL不推荐使用 UUID 或者雪花id作为主键?
2019-04-26
Nginx下添加用户认证,以及添加虚拟主机
2019-04-26
Nginx下配置加密网站
2019-04-26
更精细的分支保护策略,如何实现?
2019-04-26
Gitee 企业版更新:新视图 & 新模块
2019-04-26
是时候拥抱内源了
2019-04-26