Printjs问呢打印有水印的div

Print.js 是一个 JavaScript 库，用于创建美观、交互式的网页打印体验。如果你想要在 Print.js 中添加带有水印的 `div` 元素进行打印，你可以通过以下步骤操作：

1. **准备水印内容**：首先，你需要在 HTML 中定义一个 `div` 并添加你的水印文本或图片，例如：

<div id="watermark" style="position: absolute; opacity: 0.5; filter: alpha(opacity=50); /* 可选CSS样式 */">这里是水印文字或图片</div>

这里的 `opacity` 或 `filter` 属性用于设置水印的透明度。

2. **设置打印配置**：在 Print.js 的配置中，你可以选择包含这个 `div`。在 JavaScript 里，这通常是在打印任务开始前完成的：

const printService = new PrintJS({
  printable: document.getElementById('printArea'), // 正常需要打印的区域
  onBeforePrint: function() {
    document.getElementById('watermark').style.display = 'block'; // 打开水印显示
  },
  onAfterPrint: function() {
    document.getElementById('watermark').style.display = 'none'; // 打印完成后关闭水印
  }
});

`onBeforePrint` 函数会在打印开始之前运行，此时可以展示水印；`onAfterPrint` 则在打印结束后隐藏它。