saucxs / watermark-dom

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

Home Page:http://www.chengxinsong.cn/home

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

watermark_parent_node不管用

Tianruo opened this issue · comments

挂载的父节点属性无作用,结果还是挂载到了body上面

系统:windows
浏览器:chrome
框架:react

我的也是不起作用:
index.js
/初始化水印/
watermark.init({
watermark_txt: "测试,1021002301,测试 10.157.182.139",
watermark_parent_node: "div#test"
});
/加载水印/
watermark.load({
watermark_txt: "测试,1021002301,测试 10.157.182.139",
watermark_parent_node: "div#test"

});
/移除水印/
document.getElementById('remove-watermark').addEventListener("click", function() {
watermark.remove();
}, true)

/添加水印/
document.getElementById('add-watermark').addEventListener("click", function() {
watermark.load({
watermark_txt: "测试,1021002301,测试 10.157.182.139",
watermark_parent_node: "div#test"
});
}, true)

index.html如下:

<title>watermark-simple</title>

测试页面-watermark-simple

移除水印 添加水印

watermark源代码

<script src="../watermark.js"></script> <script src="./index.js"></script>

该问题已经解决,请更新到2.2.0 版本。
使用例子,比如:
watermark.load({ watermark_parent_node: "watermark-parent", watermark_txt: "saucxs,1021002301,测试水印,100101010111101" });
详细见源码下:/examples/examples-simple文件为一个简单使用例子。 @Tianruo @sunweiconfidence