vue使用自定义指令实现水印

封装自定义水印指令

在项目中创建一个watermark.js文件，封自定义自定的方法，这个文件不需要修改可以直接复制粘贴使用，当然可以根据自己的水印样式需求，去修改文件中的属性设置；

// 生成包含水印文本的图片方法
function generateWatermark(text, fontSize, color) {
   
   
    const canvas = document.createElement('canvas'); // 创建canvas元素
    canvas.width = 300; // 设置canvas宽度
    canvas.height = 160; // 设置canvas高度
    const ctx = canvas.getContext('2d'); // 获取2D绘图上下文
    ctx.font = `${