watermark-js-plus 是什么？

watermark-js-plus 是一个轻量、基于 Canvas 的 TypeScript 浏览器水印库。它可以直接用于原生 JavaScript 和各种前端框架，无需安装框架专用适配器。

你可以用它为页面或指定容器添加可见水印、将水印直接绘制到现有图片中，或者创建低透明度暗水印并从截图或图片中将其显现。

三种水印能力

• 可见水印 — 为整个页面或指定容器添加文本、多行文本、图片或富文本水印，支持灵活布局、样式、运行时更新及可选的 DOM 防篡改恢复。
• 图片水印 — 在浏览器中将文本或图片水印直接绘制到现有 <img> 元素。
• 暗水印 — 添加低透明度水印，并通过内置解码能力从截图或图片中进行视觉增强和显现。

面向前端开发

• 框架无关 — 使用同一套浏览器 API 接入原生 JavaScript、React、Vue、Angular、Svelte 等前端项目。
• TypeScript 优先 — 为配置项和生命周期 API 提供完整的公共类型声明。
• ES 模块支持 — 现代构建工具可以直接使用标准包入口；需要明确使用 ES 模块时，也可以从保留模块结构的 watermark-js-plus/es 入口导入。详见 ES 模块导入。

浏览器兼容性

最新版 ✔	最新版 ✔	最新版 ✔	最新版 ✔	最新版 ✔	11（使用 /ie）✔

默认包入口面向现代浏览器。如需支持 IE11，以及部分支持 IE10 和 IE9，请使用专门的旧版浏览器入口：

import { Watermark } from 'watermark-js-plus/ie'

具体用法及暗水印解码兼容性说明参见旧版浏览器支持。