Watrmark

watrmark 是一个用于在网页中创建水印的 npm 包。它提供了一个简单易用的接口，让你可以轻松地添加自定义水印到网页内容中。无论是在保护敏感信息还是在展示品牌标识时，这个包都能帮助你快速生成具有专业外观的水印效果。

✨ 特性

• 支持TS
• 丰富的配置项
• 使用简单

安装

使用 npm:

npm install watrmark --save

使用 pnpm:

pnpm install watrmark --save

基础使用

import { generate } from "watrmark"
generate("水印文本 9311")

清除水印

import { generate, clearWatrmark } from "watrmark"
const watrmarkId = generate("水印文本 9311")
clearWatrmark(watrmarkId)

API

generate(text: string, options?: WatrmarkOptions)

对当前网页生成一个水印，并返回一个唯一标识，预留传递给 clearWatrmark 用于清除水印。

• WatrmarkOptions

参数	类型	描述	默认值
width	number	水印宽度	200
height	number	水印高度	200
fontSize	string	水印文字大小	24px
fontFamily	string	水印字体	微软雅黑
color	string	水印文字颜色	#333
rotate	number	水印旋转角度	330
opacity	number	水印透明度	0.1

• 返回值

  • string

• 示例

import { generate } from "watrmark"
const watrmarkId = generate("水印文本 9311")

clearWatrmark(watrmarkId?: string)

清除当前网页的水印, 如果不传入 watrmarkId，则清除所有.

• 示例

import { clearWatrmark } from "watrmark"
clearWatrmark("watrmarkId")

Issues

https://github.com/Belen-Luo/watrmark/issues

更新日志

发布周期

• 修订版本号：日常bugfix更新。
• 次版本号：发布带有新特性的向下兼容的版本。
• 主版本号：含有破坏性更新和新特性。

v1.0.0

• 网页水印创建

v1.1.0

• 添加水印清除功能

v1.2.0

• 添加防修改和注入功能