水印问题
请问移动端如何添加页面背景水印?部门页面希望增加水印背景,请问如何实现 这个只能在页面加载的时候通过js脚本去悬浮一层水印。 xadmin 发表于 2023-10-23 10:56这个只能在页面加载的时候通过js脚本去悬浮一层水印。
有相关的文档参阅一下吗 管理员这边没有相关样例提供 论坛管理员 发表于 2023-10-24 11:31
管理员这边没有相关样例提供
如果用我下面这个方式是否可以呢
1.在Java程序中添加一个生成水印的函数,该函数将使用员工的工号来生成水印内容。函数的实现可以参考下面的JavaScript代码。
2.在Java程序中添加一个添加水印的函数,该函数将在特定页面的HTML元素中添加悬浮水印。函数的实现可以参考下面的JavaScript代码。
3.在特定页面的HTML元素中添加一个悬浮水印的CSS样式,该样式将控制水印的样式和位置。样式的实现可以参考下面的CSS代码。
生成水印内容的JavaScript函数:
function generateWatermark(employeeId) {
const watermarkText = 'Employee ID: ' + employeeId;
const watermark = document.createElement('div');
watermark.style.position = 'fixed';
watermark.style.bottom = '10px';
watermark.style.right = '10px';
watermark.style.backgroundColor = '#000000';
watermark.style.color = '#ffffff';
watermark.style.opacity = '0.5';
watermark.innerHTML = watermarkText;
document.body.appendChild(watermark);
}
添加悬浮水印的JavaScript函数:
function addWatermark(employeeId) {
generateWatermark(employeeId);
}
控制水印样式的CSS代码:
div.watermark {
position: fixed;
bottom: 10px;
right: 10px;
background-color: #000000;
color: #ffffff;
opacity: 0.5;
}
Java程序中调用addWatermark函数来添加悬浮水印:
String employeeId = getEmployeeId(); // 获取员工工号
addWatermark(employeeId); // 添加悬浮水印
用这个思路可以实现吧?感谢ChatGPT给我解决思路
页:
[1]