@pansy/watermark

✨ 特性

• 🚀 小巧，不到 5K 大小，Gzip 压缩后不到 2K
• 🌴 支持一个页面添加多处不同水印
• 🐠 支持自定义水印样式，开箱即用
• 🌈 安全防御 - 防止他人删除水印dom或修改样式属性
• 💻 使用 TypeScript 编写，提供完善的类型定义
• 📦 提供cjs、es、umd三种格式

🏗 安装

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

// yarn
yarn add @pansy/watermark

🚄 示例

Demo

🚗 框架封装

• React @pansy/react-watermark

🔨 使用

import WaterMark from '@pansy/watermark';

const waterMark = new WaterMark();

// 修改水印配置
waterMark.update({ ... });

// 渲染水印
waterMark.render();

🐚 API

update(options);

修改水印配置

render()

渲染水印

水印配置参数

注意

• body 使用 position: fixed
• 其他采用 position: absolute, 需保证挂载节点的不能为 position: static

❤️ 感谢

• watermark-dom

🌟 社区互助

Github Issue	钉钉群	微信群
issues