vue 有没有好用的水印插件推荐?

要求如下

  1. 支持文字水印
  2. 支持本地图片作为水印
  3. 支持本地图片+文字 作为水印
  4. 支持文字颜色/字体
  5. 支持水印宽高
  6. 支持水印显隐
  7. 支持水印透明度
  8. 支持水印渲染节点配置
  9. 支持水印在画布上绘制的水平和垂直偏移量
阅读 3.4k
2 个回答
https://www.npmjs.com/package/watermark-dom
https://github.com/saucxs/watermark-dom
<template>
    <!-- App.vue 文件-->
    <div id="app">
        <router-view />
    </div>
</template>

<script>

// 安装文件,如果安装报错,可以用cnpm
// npm install watermark-dom --save
// npm install js-cookie --save

import watermark from 'watermark-dom'
import Cookies from 'js-cookie'

export default {
    name: "App",
    mounted(){
        setTimeout(()=>{

            // 在登录文件中,登录成功后,记得将用户名存到本地cookie中
            // Cookies.set('username',username);

            // 获取cookie中的username添加水印
            let username = Cookies.get('username');
            if(username){
                let now = new Date();
                let year = now.getFullYear();
                let month = now.getMonth()+1;
                let day = now.getDate();
                month = month<10?'0'+month:month;
                day = day<10?'0'+day:day;
                let date = year+'-'+month+'-'+day;
                watermark.load({ watermark_txt: username+','+date })
            }
        },1000)
    }
};
</script>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题