Pansy Watermark
强大的水印组件,助你快速的给网页添加水印。
[![npm version][npm-v-image]][npm-url]
[![npm download][download-image]][download-url]
[![stars-image][stars-image]][stars-url]
[![forks-image][forks-image]][forks-url]
[![packagephobia][packagephobia-image]][packagephobia-url]
✨ 特性
- 🌴 支持一个页面添加多处不同水印
- 🌵 支持使用图片、单行文本、多行文本作为水印
- 🐠 支持自定义水印样式,开箱即用
- 🌈 安全防御 - 防止他人删除水印dom或修改样式属性
- 💻 使用 TypeScript 编写,提供完善的类型定义
🏗 安装
// npm
npm install @pansy/watermark --save
// yarn
yarn add @pansy/watermark
🚄 示例
Demo
🚗 框架封装
框架 |
版本 |
React |
|
Vue |
|
🔨 使用
import { Watermark } from '@pansy/watermark';
const watermark = new Watermark({ ... });
// 如果需要修改水印参数,请调用
watermark.update({ ... });
// 隐藏水印
watermark.hide();
// 显示水印
watermark.show();
// 销毁水印
watermark.destroy();
❤️ 感谢
🌟 社区互助