html表格以pdf格式导出到本地

引入插件 jsPdf.js 以及 html2canvas.js，具体文件可上github找，实测可行
html2canvas(document.getElementById("downBox")).then(function (canvas) {

var imgData = canvas.toDataURL();
var arrDPI = js_getDPI();//获取显示器dpi
var dpiX = 96;
var dpiY = 96;
if (arrDPI.length > 0) {
dpiX = arrDPI[0];
dpiY = arrDPI[1];
}
var doc = new jsPDF('l', 'in', [(canvas.width + 10) / dpiX, (canvas.height + 10) / dpiY]);

doc.addImage(imgData, 'png', 7/dpiX,5/dpiY);

var pdfName = "12134";
doc.save(pdfName + ".pdf");
});

//获取显示器的dpi

function js_getDPI() {

var arrDPI = new Array();

if (window.screen.deviceXDPI != undefined) {

arrDPI[0] = window.screen.deviceXDPI;

arrDPI[1] = window.screen.deviceYDPI;

}

else {

var tmpNode = document.createElement("DIV");

tmpNode.style.cssText = "width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";

document.body.appendChild(tmpNode);

arrDPI[0] = parseInt(tmpNode.offsetWidth);

arrDPI[1] = parseInt(tmpNode.offsetHeight);

tmpNode.parentNode.removeChild(tmpNode);

}

return arrDPI;

}

转载于:https://www.cnblogs.com/lzdbj/p/10450047.html

html表格以pdf格式导出到本地相关推荐

本地html如何导出pdf,html表格以pdf格式导出到本地
引入插件 jsPdf.js 以及 html2canvas.js,具体文件可上github找,实测可行 html2canvas(document.getElementById("downBox ...
excel表格转pdf格式的方法介绍
平时工作中我们经常需要统计表格数据,但是熟悉表格处理的小伙伴都知道,表格数据很容易就被无意改动到,一旦改动,整个数据就不对了.所以一旦表格数据需要分享给多人查看的话,肯定不能以原格式发送的,这个时候我 ...
服务器上文件导出到本地,服务器文件导出到本地
服务器文件导出到本地内容精选换一换您可以将当前帐号下拥有的所有裸金属服务器信息,以CSV文件的形式导出至本地.该文件以"裸金属服务器-区域-当前日期"命名,记录了裸金属服务器 ...
Excel格式转换：Excel工资表如何转换成PDF格式
现如今每家企业单位都会保证员工工资的透明化.公开化,所以在发放工资前,都会给员工分发工资条.将工资当中每一笔钱都标记着清清楚楚,包括因为什么原因扣得工资也会很清楚地告知大家.工资表地制作通常都是使用E ...
java导出PDF、iText5导出漂亮表格PDF、导出指定格式水印PDF
我们在项目当中经常要导出pdf文档,pdf文档还要按一定的格式导出,以下介绍导出pdf文档功能: 1)支持A4纸大小导出 2)指定文字显示的位置 3)支持表格展示数据 4)添加水印开源下载 java ...
Java实现导出内容为PDF格式
先看一下导出的PDF效果图简单版导出内容为PDF格式基本流程: 先创建一个word文档,我这边命名为:mytest,并写好你要输出内容的固定信息. 再将此word文档另存为pdf格式,我放到了我本地 ...
poi的导出Excel，word，PDF格式
啰嗦两句吧,之前一直用jxl进行导入导出,但人家不更新了,也不能导出成word和PDF格式,网上说主流的下载都是POI了,我没用过这神器,手痒,就写了借鉴一些前辈们的代码写了如下的代码,但在导出Exc ...
bootstrap table export插件导出pdf格式文件中文乱码问题解决办法
bootstrap table export插件导出pdf格式文件中文乱码的问题折腾了我整整两天,网上到处都是改源码,自己设置字体的方案,我都没搞定.结果今天看到官方文档(地址:GitHub - hh ...
java jsp导出pdf文件_JSP页面导出PDF格式文件
JSP页面导出PDF格式文件基本在前端页面可以全部完成添加下载链接的点击事件 var downPdf = document.getElementById("downLoad"); ...

html表格以pdf格式导出到本地

html表格以pdf格式导出到本地相关推荐

最新文章

热门文章