watermark-js-plus
TypeScript icon, indicating that this package has built-in type declarations

1.5.7 • Public • Published

watermark logo


Watermark

This is a canvas-based watermark for browser.

  • 🛠️ Rich Features
  • 🔑 Fully Typed APIs
  • 📦️ Extremely light

Watermark works with both Vue 2 , Vue 3 And React.

Translations

Installing

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

Usage

Watermark

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

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

watermark.create()

Blind Watermark

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

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

watermark.create()

Decode Blind Watermark

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

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

Documentation

To learn more, check its documentation.

Maintainers

@zhensherlock.

Contributing

Feel free to dive in! Open an issue or submit PRs.

Standard Readme follows the Contributor Covenant Code of Conduct.

Contributors

This project exists thanks to all the people who contribute.

License

MIT © MichaelSun

Package Sidebar

Install

npm i watermark-js-plus

Weekly Downloads

4,435

Version

1.5.7

License

MIT

Unpacked Size

3.18 MB

Total Files

67

Last publish

Collaborators

  • zhensherlock