@pansy/watermark

<p align="center"> <a href="https://ant.design"> <img width="200" src="https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210427184129.svg"> </a> </p>


Keywords
component, react, react-component, typescript, vue, vue-component, watermark
License
MIT
Install
npm install @pansy/watermark@1.4.0

Documentation

Pansy Watermark

强大的水印组件,助你快速的给网页添加水印。

npm version npm download stars-image forks-image packagephobia

✨ 特性

  • 🌴 支持一个页面添加多处不同水印
  • 🌵 支持使用图片、单行文本、多行文本作为水印
  • 🐠 支持自定义水印样式,开箱即用
  • 🌈 安全防御 - 防止他人删除水印dom或修改样式属性
  • 💻 使用 TypeScript 编写,提供完善的类型定义

🏗 安装

// npm
npm install @pansy/watermark --save

// yarn
yarn add @pansy/watermark

🚄 示例

Demo

🚗 框架封装

框架 版本
React npm version
Vue npm version

🔨 使用

import { Watermark } from '@pansy/watermark';

const watermark = new Watermark({ ... });

// 如果需要修改水印参数,请调用
watermark.update({ ... });

// 隐藏水印
watermark.hide();

// 显示水印
watermark.show();

// 销毁水印
watermark.destroy();

❤️ 感谢

🌟 社区互助

Github Issue 钉钉群 微信群
issues