jspdf加水印repet

在JSPDF中添加水印通常涉及到文本层的操作，repet是重复的意思，如果你想让水印重复多次出现在PDF页面上，你可以通过循环来实现。下面是一个基本的例子，展示了如何在一个PDF上放置重复的水印：

var JsPDF = require('jspdf');
var jsPDFWatermark = require('jspdf-watermark');

// 初始化一个新的PDF实例
var pdf = new JsPDF();

// 创建一个水印文本
var watermarkText = "Your Watermark";

// 水印位置和透明度
var x = pdf.internal.pageSize.width / 2;
var y = 5; // 顶部偏移量
var opacity = 0.5;

// 使用jsPDF-watermark模块创建水印
function createWatermark(font, fontSize) {
  return new jsPDFWatermark({
    text: watermarkText,
    font: font,
    fontSize: fontSize,
    position: { x, y },
    align: 'center',
    color: '#fff', // 白色字体
    opacity: opacity,
  });
}

// 添加水印，这里我们循环5次，让你的水印重复5次
for (let i = 0; i < 5; i++) {
  var watermark = createWatermark(pdf.getFont(), 16); // 或者自定义字体和大小
  watermark.drawOn(pdf);
}

// 保存PDF
pdf.save('watermarked.pdf');

在这个例子中，`createWatermark`函数负责创建一个水印实例，并设置其位置、颜色和透明度。然后，我们在一个循环中调用`drawOn`方法将水印添加到PDF页面上。