@clairechen/watermark-sdk
v2.0.2
Published
A lightweight watermark SDK for web apps
Maintainers
Readme
轻量级网页水印 SDK,支持防篡改机制,可快速集成到任意 Web 项目中。
✨ 特性 支持文字水印(用户名 + 手机号后 4 位)
防篡改(自动监控 DOM,被删后自动恢复)
透明度、自定义字体、角度、间距、颜色可配置
可通过 npm 或 script 标签直接使用
#通过 npm 安装 npm install watermark-sdk
#ES 模块引入
import initWatermark from 'watermark-sdk'
initWatermark({ username: '张三', phone: '1234' })
配置项 类型 默认值 说明 username String '' 显示的用户名 phone String '' 手机号后 4 位(自由组合) fontSize String '15px' 字体大小 fontFamily String 'Arial' 字体类型 color String 'rgb(174, 174, 174)' 字体颜色 angle Number -Math.PI / 8 旋转角度(弧度制),建议负值斜着显示 spacing Object { x: 240, y: 160 } 水平方向和竖直方向的间距 preventTamper Boolean true 是否启用防止删除水印功能 zIndex Number 9998 水印层的 z-index 值 opacity Number 0.2 水印透明度
