Vue 一招搞定前端水印开发

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

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

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

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

2、在main.js中全局配置

3、或者直接在页面引用

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

经常刷微博或者知乎的小伙伴都应该知道，很多图片都是带有作者专属水印的，这是用来保护自己的版权，减少图片被剽窃的机率。当然咯，需要加水印的图片肯定不止一张，好几十张的图片应该如何同时进行图片水印处理呢？

借助工具：闪电图片格式转换器

*** 作步骤：

第一步、打开软件后，选择“添加水印”；

第二步、然后，点击“添加文件”将需要添加水印的图片全部上传进来；

第三步、在这个框中，输入水印内容；

第四步、之后，就可以调整水印的颜色、大小、位置等，上方可预览转换后的效果；

第五步、如果需要添加图片水印，那么在“类型”中选择“图片水印”即可；

第六步、默认的输出目录是原文件，这里建议大家勾选“自定义”按钮切换一个，避免与原图混淆，最后点击“开始转换”就可以了。