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-plusUsage
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.
License
MIT.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent