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

以下是vivo手机设置照片水印的方法：

1、打开相机--点击右上角“☰”--设置--水印--即可设置时间、机型、自定义水印；

2、进入相机--点击右上角的设置，选择打开“照片水印/时间水印/机型水印”拍照存储的照片即会显示水印。

---