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.
# or pnpm or yarn
npm install watermark-js-plusimport { 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
}
})To learn more, check its documentation.
Feel free to dive in! Open an issue or submit PRs.
Standard Readme follows the Contributor Covenant Code of Conduct.
This project exists thanks to all the people who contribute.
MIT © MichaelSun
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent