推荐一款 JS 水印工具

最近找水印工具，发现全部都不支持自动宽度，我就希望找一款可以自动计算文本宽度并展开的水印工具，然后发现没有。于是手写一个，反正也不是很复杂。

然后就越写越多，目前我用着还算比较完善，直接开源，欢迎大家提意见和 PR。

简单介绍一下

• 任意位置：可以挂载到任意 DOM 节点上，以便在任意位置显示水印
• 动态计算宽度和高度：水印可以根据内容长度和容器宽度进行自适应调整，确保水印始终显示完整。
• 自动换行：当水印内容超过容器宽度时，水印会自动进行换行，以便适应容器的大小。
• 动态监听：X-Watermark 会监听 DOM 变化，还可以指定某个 DOM，以便发生变化时自动更新水印。
• 防止删除：X-Watermark 会监听自身变化，如果发现水印被删除，会自动重新添加水印。
• 多种样式选择：水印支持多种样式，包括平铺、横向、纵向以及错位铺等多种形式，满足不同需求。
• 高度可定制化：水印的样式、颜色、透明度等都可以根据需求进行定制，以满足不同场景的需求。
• 支持 TypeScript：X-Watermark 提供了完整的类型定义，可以在 TypeScript 项目中直接使用。

同时，还支持直接 cdn 引入，使用简单方便。

地址：GitHub

欢迎大家多多 star。