{"id":14990100,"url":"https://github.com/mumuy/widget-qrcode","last_synced_at":"2025-10-23T14:13:58.580Z","repository":{"id":239980907,"uuid":"801158210","full_name":"mumuy/widget-qrcode","owner":"mumuy","description":"二维码组件 - 二维码插件/二维码美化/二维码库/二维码图片/QRCode tool/QRCode WebCompotent/QRCode Beautify","archived":false,"fork":false,"pushed_at":"2025-02-28T06:01:01.000Z","size":909,"stargazers_count":462,"open_issues_count":2,"forks_count":33,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T02:05:15.232Z","etag":null,"topics":["qrcode","qrcode-generator","qrcode-image","qrcodejs","web-components"],"latest_commit_sha":null,"homepage":"https://passer-by.com/widget-qrcode/","language":"JavaScript","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/mumuy.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}},"created_at":"2024-05-15T17:50:21.000Z","updated_at":"2025-04-11T07:36:34.000Z","dependencies_parsed_at":"2024-05-30T15:54:57.139Z","dependency_job_id":null,"html_url":"https://github.com/mumuy/widget-qrcode","commit_stats":null,"previous_names":["mumuy/widget-qrcode"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mumuy%2Fwidget-qrcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mumuy%2Fwidget-qrcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mumuy%2Fwidget-qrcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mumuy%2Fwidget-qrcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mumuy","download_url":"https://codeload.github.com/mumuy/widget-qrcode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248505863,"owners_count":21115354,"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":["qrcode","qrcode-generator","qrcode-image","qrcodejs","web-components"],"created_at":"2024-09-24T14:19:27.430Z","updated_at":"2025-10-08T13:58:43.268Z","avatar_url":"https://github.com/mumuy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 基于Web component的二维码组件\n\n## 演示地址\n[https://passer-by.com/widget-qrcode/](https://passer-by.com/widget-qrcode/)\n\n\n## 组件安装\n```javascript\nnpm run widget-qrcode\n```\n\n\n## 组件使用\n```html\n\u003cwidget-qrcode value=\"https://passer-by.com/\"\u003e\u003c/widget-qrcode\u003e\n```\n\n\n## 属性说明\n\u003ctable\u003e\n    \u003ccaption\u003e\u003ch3\u003e组件属性\u003c/h3\u003e\u003c/caption\u003e\n    \u003cthead\u003e\n        \u003ctr\u003e\u003cth\u003e属性\u003c/th\u003e\u003cth\u003e说明\u003c/th\u003e\u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n        \u003ctr\u003e\u003ctd\u003evalue\u003c/td\u003e\u003ctd\u003e二维码内容\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003etemplate\u003c/td\u003e\u003ctd\u003e样式模板,可选：'default','water','diamond','hexagon','star','rect','bar','heart','glitter','stroke','fusion'\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003elevel\u003c/td\u003e\u003ctd\u003e纠错等级,可选：'M','L','Q','H'\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003ewidth\u003c/td\u003e\u003ctd\u003e二维码宽度，默认：300\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003eheight\u003c/td\u003e\u003ctd\u003e二维码高度，默认：300\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003ebackground-color\u003c/td\u003e\u003ctd\u003e背景色，默认：#ffffff\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003eforeground-color\u003c/td\u003e\u003ctd\u003e前景色，默认：#000000;（多色用逗号分隔）\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003einner-color\u003c/td\u003e\u003ctd\u003e定位点内层颜色，默认：#000000\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003eouter-color\u003c/td\u003e\u003ctd\u003e定位点外层颜色，默认：#000000\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003ebackground-image\u003c/td\u003e\u003ctd\u003e背景图片地址\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003eforeground-image\u003c/td\u003e\u003ctd\u003e前景图片地址\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003elogo\u003c/td\u003e\u003ctd\u003elogo图片地址\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003etext\u003c/td\u003e\u003ctd\u003e悬浮文本内容\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003etext-color\u003c/td\u003e\u003ctd\u003e悬浮文本颜色\u003c/td\u003e\u003c/tr\u003e\n        \u003ctr\u003e\u003ctd\u003etext-stroke\u003c/td\u003e\u003ctd\u003e悬浮文本描边\u003c/td\u003e\u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmumuy%2Fwidget-qrcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmumuy%2Fwidget-qrcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmumuy%2Fwidget-qrcode/lists"}