Skip to content

watermark-design/watermark

This branch is up to date with main.

Folders and files

NameName
Last commit message
Last commit date
Sep 28, 2024
Dec 8, 2024
Oct 30, 2023
Sep 28, 2024
Sep 27, 2024
Sep 30, 2024
Dec 12, 2023
Sep 27, 2024
Sep 27, 2024
Sep 27, 2024
Oct 30, 2023
Oct 30, 2023
Nov 6, 2023
Oct 30, 2023
Oct 30, 2023
Oct 30, 2023
Feb 5, 2024
Oct 31, 2023
Nov 8, 2023
Nov 8, 2023
Feb 5, 2024
Oct 30, 2023
Sep 27, 2024
Oct 16, 2024
Oct 22, 2024
Nov 4, 2023
Oct 30, 2023
Jun 28, 2024
Oct 30, 2023
Oct 30, 2023

Repository files navigation

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