README_zh.md

Watermark

这是一个基于 canvas 画布的水印库，作用于浏览器中。

• 🛠️ 丰富的功能
• 🔑 完全类型化的API
• 📦️ 极致轻量化

同时支持 Vue 2、Vue 3和React。

安装

# or pnpm or yarn
npm install watermark-js-plus

用法

Demo Collection

普通水印

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

const watermark = new Watermark({
  content: 'hello my watermark',
  width: 200,
  height: 200,
  onSuccess: () => {
    // success callback
  }
})

watermark.create()

暗水印

import { BlindWatermark } from 'watermark-js-plus'

const watermark = new BlindWatermark({
  content: 'hello my watermark',
  width: 200,
  height: 200,
  onSuccess: () => {
    // success callback
  }
})

watermark.create()

解析暗水印

import { BlindWatermark } from 'watermark-js-plus'

BlindWatermark.decode({
  url: uploadFile.url, // image url
  onSuccess: (imageBase64) => {
    // success callback
  }
})

文档

要了解更多，请查看文档

维护者

@zhensherlock。

如何贡献

非常欢迎你的加入！提一个 Issue 或者提交一个 Pull Request。

标准 Readme 遵循 Contributor Covenant 行为规范。

贡献者

感谢以下参与项目的人：

使用许可

MIT © MichaelSun