【问题标题】:jsPDF 2.3 Align textjsPDF 2.3 对齐文本
【发布时间】:2021-01-28 21:17:10
【问题描述】:

我正在使用最新版本的 jdPDF (2.3.0)。在文档中,它说要使文本居中,在第 4 个参数中使用 align: 'center' 选项传递了一个对象,但这不起作用。我也不明白如果我想让我的文本居中,为什么我应该指定一个 X。

这是我的代码:

const pdf = new window.jspdf.jsPDF();
pdf.text(`Hello world`, null, 20, { align: 'center'} );
pdf.save("TEST");

jsPDF 文本文档:http://raw.githack.com/MrRio/jsPDF/master/docs/jsPDF.html#text

我正在使用来自 CDN 链接的 jsPDF。

【问题讨论】:

    标签: javascript jspdf


    【解决方案1】:

    (x, y) 是文档中文本锚点所在的位置。文本对齐相对于该点。这意味着让文本在文档上居中设置 x 为正好在空间中间的值(对于 A4,x 约为 105)并对齐:'center'。

    pdf.text(`Hello world`, pdf.internal.pageSize.getWidth() / 2, 20, { align: 'center'} );
    

    可视化

                       (x,y)                         
                         .
                         text align left
    
    
                         .
                 text align center
    
    
                         .
          text align right
    

    【讨论】:

    • 我插入这样的文本:pdf.text(`dynamic text`, 5, 67); 有时文本可以是 2 行,有时是 3 行,因为该字段来自数据库。如何在此动态文本下插入不同的文本或图像?
    • 不确定该库是否支持文档流,您只需添加文本或其他将自动放置在正确位置的项目,但我知道 PDFKit 支持这一点。
    猜你喜欢
    • 2018-02-21
    • 1970-01-01
    • 1970-01-01
    • 2016-05-05
    • 2019-10-24
    • 2017-07-28
    • 1970-01-01
    • 2020-07-12
    • 2015-04-08
    相关资源
    最近更新 更多