{"id":21229745,"url":"https://github.com/pansyjs/watermark","last_synced_at":"2025-05-15T05:06:15.787Z","repository":{"id":37020530,"uuid":"309404714","full_name":"pansyjs/watermark","owner":"pansyjs","description":"🛡  强大的水印组件，助你快速的给网页添加水印。","archived":false,"fork":false,"pushed_at":"2025-04-24T10:47:56.000Z","size":21131,"stargazers_count":386,"open_issues_count":21,"forks_count":47,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-24T11:35:42.579Z","etag":null,"topics":["component","react","react-component","typescript","vue","vue-component","watermark"],"latest_commit_sha":null,"homepage":"https://watermark.xingkang.wang","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pansyjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-11-02T15:01:38.000Z","updated_at":"2025-04-20T07:03:05.000Z","dependencies_parsed_at":"2024-06-08T17:39:02.257Z","dependency_job_id":"2dbc00e9-4674-4d51-92bb-35e003be7cc5","html_url":"https://github.com/pansyjs/watermark","commit_stats":{"total_commits":333,"total_committers":6,"mean_commits":55.5,"dds":"0.42342342342342343","last_synced_commit":"01ed471e0e87fc01ae30a2080b62ef5e34730bb8"},"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fwatermark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fwatermark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fwatermark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fwatermark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pansyjs","download_url":"https://codeload.github.com/pansyjs/watermark/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254276447,"owners_count":22043867,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","react","react-component","typescript","vue","vue-component","watermark"],"created_at":"2024-11-20T23:29:18.921Z","updated_at":"2025-05-15T05:06:10.763Z","avatar_url":"https://github.com/pansyjs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://ant.design\"\u003e\n    \u003cimg width=\"200\" src=\"https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210427184129.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003ePansy Watermark\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n  强大的水印组件，助你快速的给网页添加水印。\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![npm version][npm-v-image]][npm-url] \n[![npm download][download-image]][download-url] \n[![stars-image][stars-image]][stars-url] \n[![forks-image][forks-image]][forks-url] \n[![packagephobia][packagephobia-image]][packagephobia-url] \n  \n\u003c/div\u003e \n\n## ✨ 特性\n\n- 🌴 支持一个页面添加多处不同水印\n- 🌵 支持使用图片、单行文本、多行文本作为水印\n- 🐠 支持自定义水印样式，开箱即用\n- 🌈 安全防御 - 防止他人删除水印dom或修改样式属性\n- 💻 使用 TypeScript 编写，提供完善的类型定义\n\n## 🏗 安装\n\n```\n// npm\nnpm install @pansy/watermark --save\n\n// yarn\nyarn add @pansy/watermark\n```\n\n## 🚄 示例\n\n[Demo](https://watermark-eosin.vercel.app/)\n\n## 🚗 框架封装\n\n|框架|版本|\n|--|--|\n|React| [![npm version][npm-react-v-image]][npm-react-url] |\n|Vue| [![npm version][npm-vue-v-image]][npm-vue-url] |\n\n\n## 🔨 使用\n```ts\nimport { Watermark } from '@pansy/watermark';\n\nconst watermark = new Watermark({ ... });\n\n// 如果需要修改水印参数，请调用\nwatermark.update({ ... });\n\n// 隐藏水印\nwatermark.hide();\n\n// 显示水印\nwatermark.show();\n\n// 销毁水印\nwatermark.destroy();\n```\n\n## ❤️ 感谢\n\n- [watermark-dom](https://github.com/saucxs/watermark-dom)\n\n## 🌟 社区互助\n\n| Github Issue                                                 | 钉钉群                                                                                     | 微信群                                                                                   |\n| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |\n| [issues](https://github.com/pansyjs/watermark/issues) | \u003cimg src=\"https://github.com/alitajs/alita/blob/master/public/dingding.png\" width=\"100\" /\u003e | \u003cimg src=\"https://github.com/alitajs/alita/blob/master/public/wechat.png\" width=\"100\" /\u003e |\n\n\n[npm-v-image]: https://img.shields.io/npm/v/@pansy/watermark.svg\n[npm-url]: http://npmjs.org/package/@pansy/watermark\n[npm-react-v-image]: https://img.shields.io/npm/v/@pansy/react-watermark.svg\n[npm-react-url]: http://npmjs.org/package/@pansy/react-watermark\n[npm-vue-v-image]: https://img.shields.io/npm/v/@pansy/vue-watermark.svg\n[npm-vue-url]: http://npmjs.org/package/@pansy/vue-watermark\n[forks-image]: https://img.shields.io/github/forks/pansyjs/watermark.svg\n[stars-image]: https://img.shields.io/github/stars/pansyjs/watermark.svg\n[packagephobia-image]: https://packagephobia.com/badge?p=@pansy/watermark\n[github-url]: https://github.com/pansyjs/watermark\n[stars-url]: https://github.com/pansyjs/watermark/stargazers\n[forks-url]: https://github.com/pansyjs/watermark/network/members\n[packagephobia-url]: https://packagephobia.com/result?p=@pansy/watermark\n[download-image]: https://img.shields.io/npm/dm/@pansy/watermark\n[download-url]: https://npmjs.org/package/@pansy/watermark\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpansyjs%2Fwatermark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpansyjs%2Fwatermark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpansyjs%2Fwatermark/lists"}