网上资源找到的,html页面转canvas最后转为pdf格式。
来源:互联网 发布:淘宝鞋子女款冬天穿的 编辑:程序博客网 时间:2024/06/15 04:08
通过html2canvas将html页面转换为图片,再将图片通过一定比例缩放生成pdf,点击触发下载事件。
//依赖
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
<script src="https://linwalker.github.io/render-html-to-pdf/js/jsPdf.debug.js" type="text/javascript" charset="utf-8"></script>
//下载生成的pdf文件
document.getElementById('download').onclick = function() {
this.parentNode.removeChild(this);html2canvas(document.body, {
onrendered:function(canvas) {
var contentWidth = canvas.width;
var contentHeight = canvas.height;
var pageHeight = contentWidth / 592.28 * 841.89;
var leftHeight = contentHeight;
var position = 0;
var imgWidth = 595.28;
var imgHeight = 592.28/contentWidth * contentHeight;
var pageData = canvas.toDataURL('image/jpeg', 1.0);
var pdf = new jsPDF('', 'pt', 'a4');
if (leftHeight < pageHeight) {
pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight );
} else {
while(leftHeight > 0) {
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
leftHeight -= pageHeight;
position -= 841.89;
if(leftHeight > 0) {
pdf.addPage();
}
}
}
pdf.save(new Date()+'.pdf');
},
background: "#fff",
allowTaint: true
})
};
阅读全文
0 0
- 网上资源找到的,html页面转canvas最后转为pdf格式。
- js实现html页面转为pdf下载
- PDF文件转为PPT格式的过程
- PPT转为PDF格式的方法汇总
- html格式转pdf格式
- html转pdf 格式不变
- PDF文件转为CAD格式
- PDF格式人工转为Excel
- 网上到哪能找到免费下载的源代码资源呢?
- pdf 转为 MSWord 文档格式的几种方法
- 如何把ppt格式的文件转为pdf
- 教你怎么把pdf转为ppt的格式
- 怎么把一个PDF文件转为PPT的格式
- PDF怎么转为PPT格式的详细步骤
- 怎样可以很好的将PDF转为Excel格式
- word文档转为pdf格式的一些小窍门
- ppt转为pdf文档格式转换的方法讲解
- 怎么批量的将CAD文件转为pdf格式?
- Disconf搭建部署遇到的小问题
- java多线程之中断(interrupt)问题
- 关于数据加锁和高并发的浅谈
- 如何利用Jmeter做分布式压力测试?
- DC-DC升压和降压电路电感参数选择详解
- 网上资源找到的,html页面转canvas最后转为pdf格式。
- Java虚拟机:JVM内存分代策略
- 矩阵快素幂 板子
- js动态现实时间
- ConstraintLayout|Android开发者
- imageloader
- UIWebView全部区域截图保存为UIImage或者PDF
- eclipse debug 运行时动态修改变量值
- 浅谈python+selenium自动化测试的二次封装思想