利用Vue3指令实现水印背景详解
目录
正文
页面水印业务相信我们都有遇过，为什么需要给页面添加水印？为了保护自己的版权和知识产权，给图片加上水印一般是为了防止盗图者用于商业用途，损害原作者的权益。那么在我们开发当中有什么方法可以实现呢？一般分为前端实现和后端实现这两种方法，本文主要是学习前端实现方法：
- 方式一：直接将字体用块元素包裹，动态设置绝对定位，然后通过transform属性旋转。但是需要考虑一个问题，当图片过大或图片过多时会很影响性能，所以就不详细说这一方式了。
- 方式二：canvas上绘制出字体，设置好样式，最后以图片的样式导出，用图片作为水印层的背景图。
在学习水印层之前，我先抛出两个问题：
- 如果水印文字长，水印可以实现自适应吗？
- 能否限制用户修改并删除水印？
其实上面这两个问题是我们做页面水印需要考虑的两个核心问题，好的，话不多说，我们一起带着问题去探索