pdfmake导出页眉页脚问题

Myth丶恋晨 2021-09-30 13:40 475阅读 0赞

最近做项目中遇到一个导出pdf的功能，我用的是pdfmake插件

pdf使用参考

[https://blog.csdn.net/qq\_24380167/article/details/78735642][https_blog.csdn.net_qq_24380167_article_details_78735642]

但是在添加页脚的时候使用官网提供的

var docDefinition = {
      footer: function(currentPage, pageCount) { return currentPage.toString() + ' of ' + pageCount; },
      header: function(currentPage, pageCount, pageSize) {
        // you can apply any logic and return any valid pdfmake element
    
        return [
          { text: 'simple text', alignment: (currentPage % 2) ? 'left' : 'right' },
          { canvas: [ { type: 'rect', x: 170, y: 32, w: pageSize.width - 170, h: 40 } ] }
        ]
      },
      (...)
    };

但是footer设置好了，但是怎么也不出来，后来经过好多次实践，网上查资料也没有找到答案

![1182316-20190117172132750-1216290062.png][]

经过一番出错找到了突破口官网提供

pageMargins 把bottom下设置大一点，是bottom把footer遮挡住了，这样设置好了footer设置的就出来

var docDefinition = {
      // a string or { width: number, height: number }
      pageSize: 'A5',
    
      // by default we use portrait, you can change it to landscape if you wish
      pageOrientation: 'landscape',
    
      // [left, top, right, bottom] or [horizontal, vertical] or just a number for equal margins
      pageMargins: [ 40, 60, 40, 100 ],
    };

希望能帮助到和我遇到一样的问题的童鞋

转载于:https://www.cnblogs.com/boshow/p/10283442.html

[https_blog.csdn.net_qq_24380167_article_details_78735642]: https://blog.csdn.net/qq_24380167/article/details/78735642
[1182316-20190117172132750-1216290062.png]: /images/20210724/c8179e1304f0475193d348ca8b5f19b3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，475人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 添加Word页眉、页脚

本篇文章将介绍通过java程序来添加Word页眉页脚的方法。鉴于在不同文档中，对页眉页脚的操作要求不同，文章将分别从以下几种情况来阐述： 1.添加页眉页脚添加图片到

迷南。/ 2023年10月18日 19:37/ 0 赞/ 154 阅读

相关页边距和页眉页脚的设置

使用geometry宏包，可以让页边距和页眉页脚的设置变得非常简单 \documentclass[a4paper]{article} \usepackage{

我就是我/ 2022年08月07日 04:48/ 0 赞/ 942 阅读

相关解决编辑页眉页脚时，页码连续问题

编辑页眉页脚时，页码连续问题。具体说是后面的页脚的页码会影响到前面页脚的页码。具体的解决方法如下： 1.首先在添加页码的前面一页的最后添加分节符（注意是分节符不是分隔符，

你的名字/ 2022年07月15日 13:26/ 0 赞/ 270 阅读

相关 WPS页眉页脚怎么设置每页不同

WPS页眉页脚怎么设置每页不同？把鼠标定位到第一页文档的最后，选择“[页面布局][Link 1]”——“分隔符”——“连续分节符”然后选中下一页的

今天药忘吃喽~/ 2022年05月30日 12:25/ 0 赞/ 332 阅读

相关 js页面打印去掉页眉页脚

打印的时候有时间和请求的网址，客户不希望有这样的信息，所以再head中添加 <style type="text/css"> @page \{ margin

╰+攻爆jí腚メ/ 2022年05月29日 09:27/ 0 赞/ 268 阅读

相关 Word排版之页眉页脚设置

需求描述需要达到的排版效果：论文结构共分为封面、中文摘要、英文摘要、目录、正文、参考文献、致谢、攻读学位期间研究成果共七部分。（实际还包含附录、版权声明等部分

我不是女神ヾ/ 2022年02月27日 14:38/ 0 赞/ 1411 阅读

相关 PDF页眉页脚怎么设置

　　页眉和页脚：通常显示文档的附加信息，常用来插入时间、日期、页码、单位名称、微标等。其中，页眉在页面的顶部，页脚在页面的底部。相信在Word里面添加页眉页脚大家都知道该怎么做

￡神魔★判官ぃ/ 2022年01月15日 06:27/ 0 赞/ 397 阅读

相关 PDF怎么去除页眉页脚，PDF页眉页脚编辑方法

　　我们在使用文件的时候需要编辑页眉页脚的时候，这个时候我们应该怎么做呢，相信别的文件大家都知道怎么编辑了，PDF文件大家都知道吗，最开始接触这个文件的时候小编觉得很难，之后找

￡神魔★判官ぃ/ 2022年01月13日 00:25/ 0 赞/ 964 阅读

相关 pdfmake导出页眉页脚问题

最近做项目中遇到一个导出pdf的功能，我用的是pdfmake插件 pdf使用参考 [https://blog.csdn.net/qq\_24380167/article/d

Myth丶恋晨/ 2021年09月30日 13:40/ 0 赞/ 476 阅读

相关 Java 插入Excel页眉、页脚

在Excel文档中，我们常用页眉页脚来显示文档的附加信息，例如日期、公司名称、Logo或作者信息等。本文将通过Java程序来介绍如何给Excel文档添加页眉页脚。代码示例...

朱雀/ 2020年10月31日 16:32/ 0 赞/ 589 阅读