TableExport导出png图片时，高度超出屏幕高度时截图不完整

qq_15591383 2018-02-08 10:46:13

请教各位一个问题，使用TableExport插件，把页面上表格的内容导出png图片时，表格内容的高度超出屏幕高度，导出的png只是可见区域的截图，而不是完整表格内容的截图，这个问题怎么解决？导出png依赖的是html2canvas，在网上找了些方法，有的说把要截图的部分复制一份，放到页面最底层，通过html2canvas对这个最底层的dom进行截图，还有的说只要设置要截图部分容器的高度为父容器高度的内容就可以了，但是不知道怎么设置。

...全文

278 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

pusamm 2021-03-10

打赏
举报

hi 你好，在使用tableExport.js导出png时，也出现了截取不全的问题， tableExport.jquery.plugin Version 1.10.21 html2canvas 0.4.1 方便发下代码么 840202933@qq.com

qq_15591383 2018-02-08

打赏
举报

后来去开发者的github上看了下，地址https://github.com/niklasvh/html2canvas/releases，下载了最新版的html2canvas，就解决了这个问题，不用做其他任何设置，在原来tableExport插件默认设置的情况下，用最新版的html2canvas覆盖tableExport\libs\html2canvas下的同名文件，就可以截取指定表格内容，而不管表格内容是否因为太多，超过了屏幕可视区域，当然，开发者还是谁有提到过，由于各种浏览器的特性，最高支持的截图尺寸还是有限制的，具体的我忘了，大家感兴趣的可以去搜搜。

适用人群开发从业人员，产品原型人员，IT相关从业人员，想快速掌握技能的一切人员课程概述特点基于Bootstrap 开发响应式界面，固定表头，完全可配置... 导出各种格式（支持xls，xlsx的office2003-office2019）

tableExport.jquery.plugin bootstrap table 导出插件及相关参数设置参考地址：https://github.com/hhurz/tableExport.jquery.plugin#options 支持导出： CSV DOC JSON PDF PNG SQL TSV TXT XLS (Excel 2000 ...

codeImg: '/static/table.png', logoImg: '/static/login.png' }, courseList: [{ startTime: '13.00', //用来显示纵表头课程的开始时间 list: [{ timeSlot: "8:00-12:00", /...

在做web项目中，有时候会遇到pdf导出的需求，现根据之前在公司的React项目中遇到的导出PDF需求，整理一个demo出来。导出PDF需要用到两个依赖包：html2canvas、jspdf npm install ...

最近有业务需求要将某个页面生成图片然后将图片导出,然后我选择用html2canvas进行图片生成. 首先安装html2canvas npm install html2canvas --save 然后在需要使用的页面导入html2canvas import ...