水印问题

Ericpqp

请问移动端如何添加页面背景水印？部门页面希望增加水印背景，请问如何实现

xadmin

这个只能在页面加载的时候通过js脚本去悬浮一层水印。

Ericpqp

xadmin 发表于 2023-10-23 10:56
这个只能在页面加载的时候通过js脚本去悬浮一层水印。

有相关的文档参阅一下吗

论坛管理员

管理员这边没有相关样例提供

Ericpqp

论坛管理员 发表于 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给我解决思路