{"id":13560212,"url":"https://github.com/buuing/lucky-canvas","last_synced_at":"2025-05-14T05:02:38.502Z","repository":{"id":37473636,"uuid":"191120006","full_name":"buuing/lucky-canvas","owner":"buuing","description":"🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件，🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等，🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置，支持同步 / 异步抽奖，🎯 概率前 / 后端可控，🚀 自动根据 dpr 调整清晰度适配移动端","archived":false,"fork":false,"pushed_at":"2023-11-22T06:33:42.000Z","size":5945,"stargazers_count":8195,"open_issues_count":171,"forks_count":981,"subscribers_count":43,"default_branch":"master","last_synced_at":"2025-05-13T12:08:53.421Z","etag":null,"topics":["canvas","javascript","lucky-draw","react","taro","uni-app","vue"],"latest_commit_sha":null,"homepage":"https://100px.net","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/buuing.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":"2019-06-10T07:36:23.000Z","updated_at":"2025-05-13T08:27:43.000Z","dependencies_parsed_at":"2023-11-22T07:43:02.271Z","dependency_job_id":null,"html_url":"https://github.com/buuing/lucky-canvas","commit_stats":{"total_commits":400,"total_committers":17,"mean_commits":"23.529411764705884","dds":0.4225,"last_synced_commit":"4059f9960e9285a2efe186a85d2590e3d6ce43f4"},"previous_names":["luckdraw/lucky-canvas"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Flucky-canvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Flucky-canvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Flucky-canvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buuing%2Flucky-canvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buuing","download_url":"https://codeload.github.com/buuing/lucky-canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254076381,"owners_count":22010609,"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":["canvas","javascript","lucky-draw","react","taro","uni-app","vue"],"created_at":"2024-08-01T13:00:39.658Z","updated_at":"2025-05-14T05:02:38.457Z","avatar_url":"https://github.com/buuing.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","工具列表"],"sub_categories":["Web 开发框架或模板"],"readme":"\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://unpkg.com/buuing@0.0.1/imgs/lucky-canvas.png\" width=\"128\" alt=\"logo\" /\u003e\n  \u003ch1\u003elucky-canvas 抽奖插件\u003c/h1\u003e\n  \u003cp\u003e一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 / 老虎机 ) 抽奖插件\u003c/p\u003e\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/buuing/lucky-canvas/stargazers\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/buuing/lucky-canvas?color=%23ffba15\u0026logo=github\u0026style=flat-square\" alt=\"stars\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing/lucky-canvas/network/members\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/buuing/lucky-canvas?color=%23ffba15\u0026logo=github\u0026style=flat-square\" alt=\"forks\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/Author-%20buuing%20-7289da.svg?\u0026logo=github\u0026style=flat-square\" alt=\"author\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/buuing/lucky-canvas/blob/master/LICENSE\" target=\"_black\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/buuing/lucky-canvas?color=%232dce89\u0026logo=github\u0026style=flat-square\" alt=\"license\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.jsdelivr.com/package/npm/lucky-canvas\" target=\"_black\"\u003e\n      \u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/lucky-canvas/badge\" alt=\"downloads\" /\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n|适配框架|npm包|最新版本|npm下载量|\n| :-: | :-: | :-: | :-: |\n|`JS` / `JQ`|[lucky-canvas](https://100px.net/usage/js.html)|\u003cimg src=\"https://img.shields.io/npm/v/lucky-canvas?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/lucky-canvas\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/lucky-canvas?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|\n|`Vue`|[@lucky-canvas/vue](https://100px.net/usage/vue.html)|\u003cimg src=\"https://img.shields.io/npm/v/@lucky-canvas/vue?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/@lucky-canvas/vue\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@lucky-canvas/vue?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|\u003ca href=\"https://www.jsdelivr.com/package/npm/@lucky-canvas/vue\" target=\"_black\"\u003e\u003cimg src=\"https://data.jsdelivr.com/v1/package/npm/@lucky-canvas/vue/badge\" alt=\"downloads\" /\u003e\u003c/a\u003e|\n|`React`|[@lucky-canvas/react](https://100px.net/usage/react.html)|\u003cimg src=\"https://img.shields.io/npm/v/@lucky-canvas/react?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/@lucky-canvas/react\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@lucky-canvas/react?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|-|\n|`UniApp`|[@lucky-canvas/uni](https://100px.net/usage/uni.html)|\u003cimg src=\"https://img.shields.io/npm/v/@lucky-canvas/uni?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/@lucky-canvas/uni\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@lucky-canvas/uni?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|-|\n|`Taro3.x`|[@lucky-canvas/taro](https://100px.net/usage/taro.html)|\u003cimg src=\"https://img.shields.io/npm/v/@lucky-canvas/taro?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/@lucky-canvas/taro\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@lucky-canvas/taro?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|-|\n|`微信小程序`|[@lucky-canvas/mini](https://100px.net/usage/wx.html)|\u003cimg src=\"https://img.shields.io/npm/v/@lucky-canvas/mini?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"version\" /\u003e|\u003ca href=\"https://www.npmjs.com/package/@lucky-canvas/mini\" target=\"_black\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/@lucky-canvas/mini?color=%23ffba15\u0026logo=npm\u0026style=flat-square\" alt=\"downloads\" /\u003e\u003c/a\u003e|-|\n\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n## 官方文档 \u0026 Demo演示\n\n\u003e **中文**：[https://100px.net](https://100px.net)\n\n\u003e **English**：**If anyone can help translate the document, please contact me** `ldq404@qq.com`\n  \n\u003cbr /\u003e\n\n## 贡献者\n\n\u003ctable align=\"center\"\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/buuing\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/36689704?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"核心开发\"\u003e🤖\u003c/span\u003e \u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e \u003cspan title=\"维护文档\"\u003e📚\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/httpcheck\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/26322785?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"逻辑优化\"\u003e🦄\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Xutaotaotao\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/24652625?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/yushen7\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/35678187?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/qingtiantongxie\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/24731632?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Deja-vuuu\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/27748682?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/shenyixuanV1\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/52775847?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e \u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/health901\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/1503105?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/fantacytyx\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/8966236?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/wfs498121294\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/12890610?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n  \u003ctr\u003e\n  \u003c/tr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Eaoncan\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/70514533?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/Haoz03\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/18543217?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/theozhang32\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/92575976?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/pointline\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/26851754?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"修复bug\"\u003e🛠\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/saltedfishDing\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/26900681?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"维护文档\"\u003e📚\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/igxm\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/32808955?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"维护文档\"\u003e📚\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/nanjing910823\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/18729086?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/fatcat712\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/60590060?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/FlowerFestival\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/23180446?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/yang302\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/20217508?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/ywymoshi\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/46644748?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"贡献Demo\"\u003e🎨\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/yyy917172\" target=\"_blank\"\u003e\u003cimg width=\"50px\" src=\"https://avatars.githubusercontent.com/u/37855143?v=4\"\u003e\u003c/a\u003e\u003cdiv\u003e\u003cspan title=\"基础建设\"\u003e🛰\u003c/span\u003e\u003c/div\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cbr /\u003e\n\n## 🙏🙏🙏 点个Star\n\n**如果您觉得这个项目还不错, 可以在 [Github](https://github.com/buuing/lucky-canvas) 上面帮我点个`star`, 支持一下作者 ☜(ﾟヮﾟ☜)**\n\n\u003cbr /\u003e\n\n## 问题反馈\n\n\u003cimg align=\"left\" width=\"180\" src=\"https://unpkg.com/buuing@0.0.2/imgs/pay.png\" /\u003e\n\n- Bug 反馈请直接去 Github 上面提 Issues，我会实时收到邮件提醒前去查看\n- **如果是小白需要技术指导的话, 左边是我的赞赏码, 备注好你的微信号, 我看到后会主动加你**\n- 但如果是因为我文档没写清楚，或者是插件本身的bug，导致你无法正常使用的话，赞赏全额返还\n\n\u003e **`注好你的微信号!`** **`微信看不到赞赏人信息`** **`所以你必须在备注里写上`**\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n## 友情链接\n\n- [🎁 h5-Dooring 一款功能强大，高可扩展的H5可视化编辑器](https://github.com/MrXujiang/h5-Dooring)\n- [🎁 right-menu 功能强大的右键菜单插件, 支持 JS / TS / Vue / React 等多端框架](https://github.com/buuing/right-menu)\n\n\n\u003c!-- lerna过滤器配置 --\u003e\n\u003c!-- https://github.com/lerna/lerna/tree/main/core/filter-options#readme --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Flucky-canvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuuing%2Flucky-canvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuuing%2Flucky-canvas/lists"}