web系统添加水印

目录

实现：

配置

页面变动后重绘

---

实现：

第三方github地址：https://github.com/saucxs/watermark-dom

const userIp = d.userIp ? ", " + d.userIp: ""; // 获取用户IP
const dateString = new Date().toLocaleString({},
{
	hour12: false
}); // 计算时间
let zone = -new Date().getTimezoneOffset() / 60; // 计算时区
zone = zone > 0 ? "+" + zone: "-" + zone;

// 配置文件
const setting = {     watermark_txt: `$ {
		d.userName
	}，$ {
		d.userNo
	}，$ {
		dateString
	}
	$ {
		zone
	}
	$ {
		userIp
	}`,
	     watermark_alpha: 0.03,
	     watermark_fontsize: "14px",
	     watermark_width: 150,
	//水印宽度
	     watermark_height: 100 //水印长度
	      // watermark_x_space: 50, //水印x轴间隔
	      // watermark_y_space: 50 //水印y轴间隔
	    
};

    

watermark.init(setting);
watermark.load(setting);</