VUE3实现全局水印功能

安装 watermark-js-plus 包。可以使用以下命令在你的项目中进行安装：

npm install watermark-js-plus

在你的代码中引入 watermark-js-plus：

import Watermark from 'watermark-js-plus';

我是直接在app.vue中引用了：

// 水印设置
watch(
  () => userStore.userInfo?.name,
  () => {
   
    const watermark = new Watermark({
   
      content: `@${
     userStore.userInfo?.name}(${
     userStore.userInfo?.userid})`,//水印的内容，设置的是用户的名字+id
      width: 400,
      height: 300,
      fontSize: '15px',
      globalAlpha: 0.1,
      rotate: 20,
      onSuccess: () => {
   
        // success callback
      }
    })
    watermark.create()
  }
)