精华内容
下载资源
问答
  • vue html生成pdf
    千次阅读
    2022-04-22 13:17:02

    一、安装依赖

    1、npm install jspdf

    2、npm install html2canvas

    二、页面引入

    import html2Canvas from "html2canvas";
    import jsPDF from "jspdf";

    三、导出pdf

    htmltopdf() {
                // let tempNode = document.createElement('div');
                // tempNode.innerHTML = document.querySelector('#test').innerHTML;
                html2Canvas(document.querySelector('#test'), {
                    allowTaint: true,
                    taintTest: false,
                    useCORS: true,
                    async: true,
                    scale: '2',
                    dpi: '192'
                }).then(function(canvas) {
                    const contentWidth = canvas.width
                    const contentHeight = canvas.height
                    // 一页pdf显示html页面生成的canvas高度;
                    const pageHeight = Math.ceil(contentWidth / 595.28 * 841.89)
                    // 未生成pdf的html页面高度
                    let leftHeight = contentHeight
                    // pdf页面偏移
                    let position = 0
                    // a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
                    const imgWidth = 595.28
                    const imgHeight = 595.28 / contentWidth * contentHeight
                    // console.log(canvas)
                    const pageData = canvas.toDataURL('image/jpeg/png', 1)
                    const PDF = new jsPDF('', 'pt', 'a4', true)
                    // console.log(PDF)
                    if (leftHeight < pageHeight) {
                    PDF.addImage(pageData, 'JPEG', 0, 20, imgWidth, imgHeight)
                    } else {
                        while (leftHeight > 0) {
                            PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                            leftHeight -= pageHeight
                            position -= 841.89
                            if (leftHeight > 0) {
                                PDF.addPage()
                            }
                        }
                    }
                    document.getElementById("iframe123").src = PDF.output('datauristring');//在iframe中显示
                    // PDF.save('test.pdf') 
                    // window.open(PDF.output('bloburl'));  //在新页面打开当前pdf
                    // return PDF.output('datauristring')
                })
            },

    更多相关内容
  • 主要介绍了PHP实现HTML生成PDF文件的方法,可实现linux中利用HTML2FPDF与wkhtmltoimage把网页html直接生成pdf格式的文件,需要的朋友可以参考下
  • freemarker+html生成pdf.zip

    2022-03-26 23:01:35
    freemarker html生成pdf 通过freemarker 和html模板生成对应的pdf或者图片 参考使用,欢迎下载
  • Java代码示例: tools.pdf.ITextTest xhtml代码示例: template.xhtml
  • 经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;
  • tcpdf HTML生成pdf

    2018-01-31 16:14:27
    thinkphp5 框架 用tcpdf 把 HTML生成pdf
  • :page_with_curl: 使用wkhtmltopdf v2021.4.115从具有自定义页眉和页脚HTML生成PDF 错误很明显:trade_mark:-MATRIX NodeJs LTS版本要求 >=12.13.0 建立在NodeJ上 v14.16.0 必须使用async和await关键字。 仅支持最新...
  • HTML生成PDF文件

    2018-01-09 11:34:38
    在项目中实现HTML页面转PDF文件输出,HTML生成PDF文件,HTML生成PDF文件
  • java工程中将word格式模板类型在浏览器中以pdf格式下载或预览,使用thymeleaf前端框架,maven工程的demo。
  • .net html 生成 pdf

    2013-12-24 11:21:43
    能够将文本代码生成为Pdf文件,有助于程序员快速解决代码生成pdf问题
  • java 根据html生成PDF

    热门讨论 2013-10-16 14:48:22
    flying saucer把html生成PDF,感觉还不错,支持css样式,itext 和 pd4ml好像对于复杂样式不能支持
  • mPDF是一个PHP库,可以从UTF-8编码HTML生成PDF文件。 它基于FPDF和HTML2FPDF(请参阅CREDITS),具有许多增强功能。 mPDF由Ian Back编写,并根据GNU GPL v2许可发布。 N mPDF是一个PHP库,可以从UTF-8编码HTML生成...
  • phantom-html2pdf, node 模块通过PhantomJS从HTML生成 pdf 用于NodeJS的 phantom-html2pdf 使用 node 和PhantomJS进行文本转换的简单而轻量级的HTML 。安装npm install phantom-html2pdf依赖项Phant
  • 对wkhtmltopdf的封装,并添加批量pdf生成pdf合等功能,下载即可用。
  • 使用itextpdf将html模板生成pdf文档,poi导出excel,freemarker导出excel,pdf添加文字水印。
  • .net(C#) 通过html模板文件生成pdf文件; ephtmltopdf.dll的功能优势: -支持HTML5和CSS3功能,包括画布和SVG -支持内联SVG在HTML文档 -支持网络字体 -支持Web开放字体格式WOFF -强大的...
  • jQuery插件/包装器,可使用wkhtmltopdf从HTML生成PDF文件。 完全不需要服务器后端设置! jsHTML2PDF与我的公共服务器进行通信(通过AJAX-COORS),因此只需在您的项目中引用jsHTML2PDF.JQuery.js并按照下面的链接...
  • 主要介绍了Python实现html转换为pdf报告功能,结合实例形式分析了Python使用pdfkit实现HTML转换为PDF的相关操作技巧与注意事项,需要的朋友可以参考下
  • Html生成Pdf

    2012-12-10 13:21:49
    Html生成Pdf(ASPX.C#),使用Word模板,可以含背景水印.
  • html文件生成pdf文件

    2018-05-27 16:28:07
    资源提供html、jsp文件导出生成pdf文件,采用客户端js方式生成pdf文件
  • web下使用itext renderer将html生成pdf

    热门讨论 2011-12-12 10:35:05
    web下使用itext renderer生成pdf(pdf带图片,文字可选),机器上如果安装了pdf阅读器就能直接打开,改造一下就能直接将pdf显示到页面,pdf可带图片,并且文字可选
  • wkhtmltopdf,支持web页面生成PDF,比其他pdf生成工具兼容性好一点,易用一点,方便一点。PHP html to pdf
  • html生成pdf文件

    2015-06-17 09:29:21
    利用flying和itext开源包,通过html模板生成PDF文件,使用简单,便于新手上手,附件是本人亲自测试通过的工程例子
  • 但是如今,已经有很多函数库可以使用了,并且能够从你提供的HTML文件生成PDF文档。这让原先耗时的工作变得非常简单了。 FPDF是很早就被使用的,其特点如下: FPDF FPDF是一个允许使用纯PHP生成PDF文档的PHP类,...
  • java 使用ITextRenderer将html模块生成pdf文件工具类,可直接下载测试。
  • tcpdf html生成PDF

    2015-04-21 17:58:02
    tcpdf 此压缩文件从其他地方下载,现在上传共享 html生成PDFtcpdf html生成PDFtcpdf html生成PDFtcpdf html生成PDF
  • 搜索了好多篇例子,算是强拼硬凑成现在的样子,还算比较满意吧。 此包中包含可测试成功代码,关联模板、字体文件、jar等 希望能帮助到大家。 这篇文章的作者蛮厉害,有不少借鉴。 ...
  • laravel-pdf 了解如何使用DomPDF库从HTML生成PDF
  • pd4ml用来把html生成pdf的实例--需要pd4ml的jar包。利用PD4ML将html生成pdf 所需jar包及样例

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 106,307
精华内容 42,522
关键字:

html生成pdf