Watermark 水印

在内容区域上方平铺文字水印，演示水印图案与 DOM 监听。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 Watermark 水印的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./components/watermark/WatermarkDemo";

export default function ExamplePage() {
  return <Example />;
}

容器必须有可见宽高。水印用于内容标识，不能保证阻止截图、编辑或删除内容。