1甸箱、引入 watermark-dom 插件
npm i watermark-dom --save
2槐壳、App.vue 中引入
import Watermark from 'watermark-dom'
3、獲取對應用戶信息并繪制水印
const { userName, phone } = info
// 初始化水印
Watermark.init({
watermark_txt: `${phone}-${userName}`, // 水印文字
watermark_alpha: 0.2, // 水印透明度
watermark_angle: 45, // 水印角度
watermark_width: 200, // 水印寬度
watermark_height: 50, // 水印高度
watermark_x_space: 50, // 水平間距
watermark_y_space: 100, // 垂直間距
watermark_color: '#cccccc', // 水印字體顏色
watermark_font: '12px', // 水印字體
watermark_font_width: 200, // 水印字體寬度
watermark_font_height: 50, // 水印字體高度
watermark_content: '' // 水印內(nèi)容
})
