watermark-design / watermark

watermark for the browser
https://watermark-design.github.io/watermark/
MIT License
142 stars 3 forks source link
canvas javascript typescript watermark watermark-design

watermark design

GitHub Workflow Status GitHub Join the chat

Watermark

Works with both Vue 2 , Vue 3 And React.

Translations

Usage

Vue

npm package npm bundle size npm download week

import WatermarkDesign from '@watermark-design/vue';
app.use(WatermarkDesign);
<Watermark content="hello watermark" :width="200" :height="200">
  <div style="height: 400px"></div>
</Watermark>

React

npm package npm bundle size npm download week

import { Watermark } from '@watermark-design/react';
<Watermark width={200} height={200} content={inputValue}>
  <div style={{ height: 400 }}></div>
</Watermark>

Dom

npm package npm bundle size npm download week

import { Watermark } from '@watermark-design/dom';

const watermark = new Watermark({
  content: 'hello my watermark',
  width: 200,
  height: 200,
});
watermark.create();

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