首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Javascript 将 HTML 页面生成 PDF下载

最近碰到个需求,需要把当前页面生成 pdf,并下载。...弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :) 项目源码地址:https://github.com/linwalker/render-html-to-pdf html2canvas 简介...') 生成pdf需要把转化的元素添加到jsPDF实例中,也有添加html的功能,但某些元素无法生成在pdf中,因此可以使用html2canvas + jsPDF的方式将页面转成pdf。...通过html2canvas将遍历页面元素,并渲染生成canvas,然后将canvas图片格式添加到jsPDF实例,生成pdf。...来捋一下思路,将html页面内容生成canvas图片,通过 addImage将第一页图片添加到pdf中,超过一页内容,通过 addPage()添加pdf页数,然后再通过 addImage将下一页图片添加到

4.3K20

Javascript 将 HTML 页面生成 PDF下载

最近碰到个需求,需要把当前页面生成 pdf,并下载。...弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :) 项目源码地址:https://github.com/linwalker/render-html-to-pdf html2canvas 简介...') 生成pdf需要把转化的元素添加到jsPDF实例中,也有添加html的功能,但某些元素无法生成在pdf中,因此可以使用html2canvas + jsPDF的方式将页面转成pdf。...通过html2canvas将遍历页面元素,并渲染生成canvas,然后将canvas图片格式添加到jsPDF实例,生成pdf。...来捋一下思路,将html页面内容生成canvas图片,通过 addImage将第一页图片添加到pdf中,超过一页内容,通过 addPage()添加pdf页数,然后再通过 addImage将下一页图片添加到

3.2K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Javascript 将 HTML 页面生成 PDF下载

    最近碰到个需求,需要把当前页面生成 pdf,并下载。...弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :) 项目源码地址:https://github.com/linwalker/render-html-to-pdf html2canvas 简介...') 生成pdf需要把转化的元素添加到jsPDF实例中,也有添加html的功能,但某些元素无法生成在pdf中,因此可以使用html2canvas + jsPDF的方式将页面转成pdf。...通过html2canvas将遍历页面元素,并渲染生成canvas,然后将canvas图片格式添加到jsPDF实例,生成pdf。...来捋一下思路,将html页面内容生成canvas图片,通过 addImage将第一页图片添加到pdf中,超过一页内容,通过 addPage()添加pdf页数,然后再通过 addImage将下一页图片添加到

    2.4K30

    Javascript-HTML to PDF

    ('p', 'mm'); pdf.addHTML(document.body, function() { pdf.output('datauri'); }); IE10 IE11...var pdf = new jsPDF('p', 'mm'); pdf.addHTML(document.body, function() { pdf.save('output.pdf...暂时没有找到 IE9 可以进行导出 PDF 的方法,考虑可以使用截图图片进行替代 截图需要另外一个库:html2canvas.js2,注意必须使用版本为V0.4.1才能做到 IE9 兼容 试过几种自动下载图片的办法...,最终发现使用然后 JS 点击完全没有效果,也有可能和特殊的运行环境相关,最终还是决定显示一张图然后手动下载 html2canvas($("body"), { onrendered: function...在 IE8 总是出现缺少部分方法的兼容错误……应该也可以使用特定的 pollyfill 来解决…… References JSPDF↩ html2canvas↩

    1.1K10

    PDF技术 -Java实现HtmlPDF文件

    html导出pdf就并不是那么的适用。...原理: 使用wkhtmltopdf工具对url或html进行转换 使用命令: Wkhtmltopdf  https:baidu.com  /usr/local/temp/baidu.pdf 安装 下载地址...(os); 以上只是简单利用html字符串来生成pdf,需要注意的是:  1、如果页面中有中文,服务器端需要下载字体库simsun.ttc,在后台进行引用,同时在页面的样式中加入对应字体的定义,如:body...\\1.html","F:\\pdf\\est-04.pdf"); 45 } 46 } 效果: Converting HTML to PDF _ iText Developers.html 消耗时间...不开源,最新的demo版本,下载测试以后,发现不支持中文转换。必须购买商业版本才可以。(这里很坑,测试乱码问题通不过,后面发现是本来就不支持)。

    12.7K30

    Java Htmlpdf实战

    年尾手头没啥事,干起了打杂工作,最近帮忙解决后端项目里一个html批量转pdf速度慢的问题,项目里用到的转换工具是 wkhtmltopdf ,这货转单个html还好,批量转速度就慢了。...几经摸索(各种baidu、google......)各种测试后,终于找到个性能不错的工具 —— phantomjs Phantomjs安装 官网地址:http://phantomjs.org 下载地址...新建 html2pdf.js 文件,把下面代码拷进去,文件最好放在phantomjs的bin目录下 var page = require('webpage').create(); var system...image.png 生成路径在 html2pdf.js 文件里设置,可以看到bin目录下生成pdf成功 ? 打开看下效果,相当Nice ! ! ! ?...; import java.io.InputStream; import java.io.InputStreamReader; /** * 转换htmlpdf * @author Zachary46

    9.4K20
    领券