用js实现html页面水印 要在 HTML 页面中添加水印并防止截图,可以使用 JavaScript。以下是实现的基本步骤: 1、在 HTML 中添加一个 p 元素作为水印容器,并设置其样式。 2、使用 JavaScript 动态生成水印内容,并将其添加到水印容器中。 3、通过 CSS 设置水印文本的样式,例如颜色、字体大小等。 4、使用 CSS 将水印容器置于所有其他元素的最顶层,从而覆盖整个页面。 5、监听窗口的 resize 和 scroll 事件,以便及时更新水印位置。 6、使用 Canvas 绘制图片或者使用 CSS 的 mix-blend-mode 属性来实现防截图效果。 下面是一个示例代码片段:Watermark Example