使用 pdfmake 的水印

Question

在Javascript中，我正在使用pdfmake生成一个pdf文档。我从 github 那里读到它支持水印，以下是我的用法，但它给了我一些随机和奇怪的字符。无论水印中提供什么文本，这些字符都是相同的。有人有想法吗？

Answer 1

我不能说我有解决这个问题的办法，但我已经让它对我有用了。似乎第 465 行或附近的 renderWatermark() 函数或 pdfmake.js 对字体编码有问题。

var encoded = watermark.font.encode(watermark.text); returns 一个空字符串，并且没有函数稍后要查找的扩展属性。

通过改变

pdfKitDoc.addContent('/' + encoded.fontId + ' ' + watermark.size.fontSize + ' Tf');

到

pdfKitDoc.addContent('/ ' + watermark.size.fontSize + ' Tf');

和

pdfKitDoc.addContent('<' + encoded.encodedText + '> Tj');

至

pdfKitDoc.addContent('(' + watermark.text + ') Tj');

我能够让水印显示在正确的位置，尽管使用的是通用字体而不是我选择的任何字体。

Answer 2

我做了一些更改以使水印如我所愿地工作。以下是我在 printer.js

中所做的更改

pdfKitDoc.fill('darkgray'); // Change colour
pdfKitDoc.opacity(0.3); // Change opacity as watermark was too dark for my liking

Commented out below to keep the watermark text horizontal
//var angle = Math.atan2(pdfKitDoc.page.height, pdfKitDoc.page.width) * 180/Math.PI;
//pdfKitDoc.rotate(0, {origin: [pdfKitDoc.page.width/2, pdfKitDoc.page.height/2]});

// Changed width and height for proper rendering of watermark text horizontally
pdfKitDoc.addContent('' + (pdfKitDoc.page.width/2 - watermark.size.size.width/4) + ' ' + (pdfKitDoc.page.height/2 - watermark.size.size.height/4) + ' Td');

理想情况下，颜色、不透明度和文本方向应该是可配置的。

Answer 3

Solution

示例：

var docDefinition = {
        //watermark: 'test watermark',
        watermark: {text: 'test watermark', color: 'blue', opacity: 0.3, bold: true, italics: false},
        content: [
            'Test page of watermark.\n\n',
        ]
    };

Answer 4

例子

let docDefinition = {
        //watermark: 'watermark',
        watermark: {text: 'watermark', color: 'black', opacity: 0.3, bold: true, italics: false},
        content: [
             { text: "watermark test", fontSize: 18 },,
        ]
    };

使用 pdfmake 的水印

Watermark using pdfmake

javascript

watermark

pdfmake