Vue 一招搞定前端水印开发

很多项目都会涉及到一些隐私，或者避免泄露的一些敏感数据时。这时候给页面增加水印功能就会显得尤其重要了。

1.首先是单独给某个页面或者图片增加水印功能，就需要能给指定容器去画水印。

2.还有一种，就是全局都是有水印。

1、核心方法,创建一个watermark.js

2、在main.js中全局配置

3、或者直接在页面引用

4、如果觉得字体之间的距离太大了，改这个属性就行了

https://blog.csdn.net/qq_38158631/article/details/88058535  

好用

下面这个写在vue的index.html里，页面会被canvas撑高撑宽，试了body.html加overflow: hidden会影响滚动列表。没找到解决办法。

https://blog.csdn.net/zz_chst/article/details/82760640

vue去水印方法：

1、打开Vue，点击左下角导入视频。

2、打开vue之后我们可以看到上方的一个相机标志。

3、点击右下角的图标，选择设置。

4、点开设置之后我们就可以看到关掉水印的按钮。

5、找到水印选项并选中。

6、将添加水印选项选中，使其变为灰色。

---