html页面自定义文字水印效果案例 (2)

其中获取页面宽度去的是屏幕的分辨率window.screen.width考虑的是,当用户通过F12打开开发者工具并显示在左右两边时,此时刷新页面,通过document.body.clientHeight获取到的宽度是不包括开发者工具页面的宽度的,这时候水印就没有全部页面占满,那么用户关闭开发者工具时,并不会刷新页面重新生成水印,所以就会出现一边有水印而一遍没有,如此水印便失去了震慑能力,所以应该去屏幕分辨率较好。

列的个数及行的个数是根据自定义或者默认的水印起始结束坐标、水印间隔宽高度、水印宽高度与页面的宽高度进行动态计算,也就是说我们可以通过印起始结束坐标、水印间隔宽高度、水印宽高度来控制水印的密集程度。

此外,通过灵活设置起始坐标以及结束坐标可以设置仅仅在页面中的一小块区域出现水印,其他区域则不出现水印。

函数的入参是一个json对象

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyjsdf.html