前端如何添加PDF水印

要给 PDF 文件添加水印，可以使用一些前端库和工具，例如 jsPDF 和 PDF.js。以下是使用 jsPDF 库添加水印的示例代码：

var doc = new jsPDF();
doc.text(20, 20, 'My Watermark');
doc.addPage();
doc.text(20, 20, 'My Content');
doc.save('myPDF.pdf');

这个示例代码创建一个新的 PDF 文档，并在每一页上添加了一个水印。

如果想要更加复杂的水印效果，可以使用 PDF.js 库来添加水印。这个库可以让你直接操作 PDF 文件的内容，包括添加文本、图片、表格等等。以下是使用 PDF.js 库添加水印的示例代码：

PDFJS.getDocument('myPDF.pdf').then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var canvas = document.createElement('canvas');
    var viewport = page.getViewport(1);
    canvas.width = viewport.width;
    canvas.height = viewport.height;
    var ctx = canvas.getContext('2d');
    var renderContext = {
      canvasContext: ctx,
      viewport: viewport
    };
    page.render(renderContext).then(function() {
      ctx.globalAlpha = 0.5;
      ctx.font = '48px serif';
      ctx.fillStyle = 'red';
      ctx.fillText('My Watermark', 100, 100);
      var newPDF = new jsPDF();
      newPDF.addImage(canvas.toDataURL(), 'JPEG', 0, 0, newPDF.internal.pageSize.width, newPDF.internal.pageSize.height);
      newPDF.save('myPDF_watermarked.pdf');
    });
  });
});

这个示例代码使用 PDF.js 库加载 PDF 文件，并在第一页上添加了一个半透明的文本水印。然后使用 jsPDF 库创建一个新的 PDF 文件，并将水印添加到其中。最后保存水印添加的 PDF 文件。