vue 有没有好用的水印插件推荐?
要求如下
- 支持文字水印
- 支持本地图片作为水印
- 支持本地图片+文字 作为水印
- 支持文字颜色/字体
- 支持水印宽高
- 支持水印显隐
- 支持水印透明度
- 支持水印渲染节点配置
- 支持水印在画布上绘制的水平和垂直偏移量
回答:
https://www.npmjs.com/package/watermark-dom
https://github.com/saucxs/watermark-dom
vue"><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>
回答:
https://www.zhangxinxu.com/wordpress/2017/05/canvas-picture-w...
以上是 vue 有没有好用的水印插件推荐? 的全部内容, 来源链接: utcz.com/p/934098.html