javascript - pdfmakeを使用した透かし

Question

Javascript では、pdfmake を使用して pdf ドキュメントを生成しています。透かしをサポートしていることをgithubから読みました。以下は私の使用法ですが、ランダムで奇妙な文字が表示されます。これらの文字は、透かしで提供されるテキストに関係なく同じです。誰でもアイデアを得ましたか？

pdfmake

Answer 1

この問題の解決策があるとは言えませんが、うまくいきました。465 行目またはその付近のrenderWatermark()関数または pdfmake.js で、フォントのエンコードに問題があるようです。

var encoded = watermark.font.encode(watermark.text);空の文字列を返し、関数が後で探している拡張プロパティを持っていません。

変えることで

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

例

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