「前端添加水印」你真的了解全面吗？

「前端添加水印」你真的了解全面吗？

摘要

古茗公司通过使用canvas + 伪类的方式实现了页面水印。他们通过设置position: absolute来实现定位，并使用display: block、top: 0、left: 0、height: 100%、width: 100%等属性来覆盖整个页面。通过设置background-image和background-repeat来添加水印图像，并通过pointer-events: none来禁用水印的交互。这样可以在特定区域增加水印，保护内部资料的安全，并且防止盗取和泄露。