search

saucxs / watermark-dom

watermark.js是基于DOM对象实现的BS系统的水印，确保系统保密性，安全性，降低数据泄密风险，简单轻量，支持多属性配置，动态计算水印，水印防被删（监听水印组件元素删除并重新添加，监听改变水印的属性并重新添加）。1、支持2种方式导入使用，2、水印插件-testTool（测试工具），3、内置3种全局API方法，等等。欢迎访问：
http://www.chengxinsong.cn/home
MIT License
1.34k stars 356 forks source link

水印展示不全 #95

Open cslingjun opened 2 years ago

cslingjun commented 2 years ago

image 每页显示多条记录的时候 ，后面的水印没有展示，如下图 image

sunny19990108 commented 2 years ago

+1 楼主解决了吗/？

LoveWaguan commented 2 years ago

没重新计算显示的区域

cslingjun commented 2 years ago

没重新计算显示的区域

如何重新计算呀 ，大佬帮忙解决下 ？

LoveWaguan commented 2 years ago

这块我也没有去做，大概思路就是监听dom事件，发生滚动时重新绘制；

cslingjun commented 2 years ago

这块我也没有去做，大概思路就是监听dom事件，发生滚动时重新绘制；

能指导下么，我不是前端，只会些基本的

cslingjun commented 2 years ago

+1 楼主解决了吗/？

没，小兄弟 解决了的话 ，同步下我哈

webxzy commented 2 years ago

水印不全是因为宽度不够导致的。解决方案是宽度调大：

watermark.init({
    watermark_txt: res.data.data.userPin,
    watermark_width: 200,
});
cslingjun commented 2 years ago

水印不全是因为宽度不够导致的。解决方案是宽度调大：

watermark.init({
    watermark_txt: res.data.data.userPin,
    watermark_width: 200,
});

额额额。这样处理会加载很多空白水印在页面下方吧 ，我现在是这么处理的，获取滚动下拉条事件，然后重新计算水印。能解决我目前的问题

hujunqq commented 2 years ago

挺离谱的，真正能用的文件是在examples目录下的watermark.js文件，而不是根目录下的，根目录下的那个js根本没法用，功能还缺失了，不知道作者忘了还是故意的。

dw08 commented 1 year ago

vue update的时候先删除水印再挂载即可