back to home
buuing / lucky-canvas
🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件，🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等，🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置，支持同步 / 异步抽奖，🎯 概率前 / 后端可控，🚀 自动根据 dpr 调整清晰度适配移动端
8,677 stars
1,030 forks
192 issues
TypeScriptJavaScriptVue
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing buuing/lucky-canvas in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
[](https://repomind-ai.vercel.app/repo/buuing/lucky-canvas)
Preview:
Repository Summary (README)
Preview<div align="center">
<img src="https://unpkg.com/buuing@0.0.1/imgs/lucky-canvas.png" width="128" alt="logo" />
<h1>lucky-canvas 抽奖插件</h1>
<p>一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 / 老虎机 ) 抽奖插件</p>
<p>
<a href="https://github.com/buuing/lucky-canvas/stargazers" target="_black">
<img src="https://img.shields.io/github/stars/buuing/lucky-canvas?color=%23ffba15&logo=github&style=flat-square" alt="stars" />
</a>
<a href="https://github.com/buuing/lucky-canvas/network/members" target="_black">
<img src="https://img.shields.io/github/forks/buuing/lucky-canvas?color=%23ffba15&logo=github&style=flat-square" alt="forks" />
</a>
<a href="https://github.com/buuing" target="_black">
<img src="https://img.shields.io/badge/Author-%20buuing%20-7289da.svg?&logo=github&style=flat-square" alt="author" />
</a>
<a href="https://github.com/buuing/lucky-canvas/blob/master/LICENSE" target="_black">
<img src="https://img.shields.io/github/license/buuing/lucky-canvas?color=%232dce89&logo=github&style=flat-square" alt="license" />
</a>
<a href="https://www.jsdelivr.com/package/npm/lucky-canvas" target="_black">
<img src="https://data.jsdelivr.com/v1/package/npm/lucky-canvas/badge" alt="downloads" />
</a>
</p>
</div>
<div align="center">
</div>
<br />
| 适配框架 | npm包 | 最新版本 | npm下载量 |
|---|---|---|---|
JS / JQ | lucky-canvas | <img src="https://img.shields.io/npm/v/lucky-canvas?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/lucky-canvas" target="_black"><img src="https://img.shields.io/npm/dm/lucky-canvas?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
Vue | @lucky-canvas/vue | <img src="https://img.shields.io/npm/v/@lucky-canvas/vue?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/@lucky-canvas/vue" target="_black"><img src="https://img.shields.io/npm/dm/@lucky-canvas/vue?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
React | @lucky-canvas/react | <img src="https://img.shields.io/npm/v/@lucky-canvas/react?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/@lucky-canvas/react" target="_black"><img src="https://img.shields.io/npm/dm/@lucky-canvas/react?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
UniApp | @lucky-canvas/uni | <img src="https://img.shields.io/npm/v/@lucky-canvas/uni?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/@lucky-canvas/uni" target="_black"><img src="https://img.shields.io/npm/dm/@lucky-canvas/uni?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
Taro3.x | @lucky-canvas/taro | <img src="https://img.shields.io/npm/v/@lucky-canvas/taro?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/@lucky-canvas/taro" target="_black"><img src="https://img.shields.io/npm/dm/@lucky-canvas/taro?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
微信小程序 | @lucky-canvas/mini | <img src="https://img.shields.io/npm/v/@lucky-canvas/mini?color=%23ffba15&logo=npm&style=flat-square" alt="version" /> | <a href="https://www.npmjs.com/package/@lucky-canvas/mini" target="_black"><img src="https://img.shields.io/npm/dm/@lucky-canvas/mini?color=%23ffba15&logo=npm&style=flat-square" alt="downloads" /></a> |
官方文档 & Demo演示
<br />English：If anyone can help translate the document, please contact me
ldq404@qq.com
贡献者
<table align="center"> <tr> <td align="center"><a href="https://github.com/buuing" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/36689704?v=4"></a><div><span title="核心开发">🤖</span> <span title="基础建设">🛰</span> <span title="维护文档">📚</span></div></td> <td align="center"><a href="https://github.com/httpcheck" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/26322785?v=4"></a><div><span title="逻辑优化">🦄</span></div></td> <td align="center"><a href="https://github.com/Xutaotaotao" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/24652625?v=4"></a><div><span title="基础建设">🛰</span></div></td> <td align="center"><a href="https://github.com/yushen7" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/35678187?v=4"></a><div><span title="基础建设">🛰</span></div></td> <td align="center"><a href="https://github.com/qingtiantongxie" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/24731632?v=4"></a><div><span title="基础建设">🛰</span></div></td> <td align="center"><a href="https://github.com/Deja-vuuu" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/27748682?v=4"></a><div><span title="基础建设">🛰</span></div></td> <td align="center"><a href="https://github.com/shenyixuanV1" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/52775847?v=4"></a><div><span title="修复bug">🛠</span> <span title="贡献Demo">🎨</span></div></td> <td align="center"><a href="https://github.com/health901" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/1503105?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/fantacytyx" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/8966236?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/wfs498121294" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/12890610?v=4"></a><div><span title="修复bug">🛠</span></div></td> <tr> </tr> <td align="center"><a href="https://github.com/Eaoncan" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/70514533?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/Haoz03" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/18543217?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/theozhang32" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/92575976?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/pointline" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/26851754?v=4"></a><div><span title="修复bug">🛠</span></div></td> <td align="center"><a href="https://github.com/saltedfishDing" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/26900681?v=4"></a><div><span title="维护文档">📚</span></div></td> <td align="center"><a href="https://github.com/igxm" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/32808955?v=4"></a><div><span title="维护文档">📚</span></div></td> <td align="center"><a href="https://github.com/nanjing910823" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/18729086?v=4"></a><div><span title="贡献Demo">🎨</span></div></td> <td align="center"><a href="https://github.com/fatcat712" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/60590060?v=4"></a><div><span title="贡献Demo">🎨</span></div></td> <td align="center"><a href="https://github.com/FlowerFestival" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/23180446?v=4"></a><div><span title="贡献Demo">🎨</span></div></td> <td align="center"><a href="https://github.com/yang302" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/20217508?v=4"></a><div><span title="贡献Demo">🎨</span></div></td> </tr> <tr> <td align="center"><a href="https://github.com/ywymoshi" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/46644748?v=4"></a><div><span title="贡献Demo">🎨</span></div></td> <td align="center"><a href="https://github.com/yyy917172" target="_blank"><img width="50px" src="https://avatars.githubusercontent.com/u/37855143?v=4"></a><div><span title="基础建设">🛰</span></div></td> </tr> </table> <br />🙏🙏🙏 点个Star
如果您觉得这个项目还不错, 可以在 Github 上面帮我点个star, 支持一下作者 ☜(ﾟヮﾟ☜)
问题反馈
<img align="left" width="180" src="https://unpkg.com/buuing@0.0.2/imgs/pay.png" />- Bug 反馈请直接去 Github 上面提 Issues，我会实时收到邮件提醒前去查看
- 如果是小白需要技术指导的话, 左边是我的赞赏码, 备注好你的微信号, 我看到后会主动加你
- 但如果是因为我文档没写清楚，或者是插件本身的bug，导致你无法正常使用的话，赞赏全额返还
<br /> <br />
注好你的微信号!微信看不到赞赏人信息所以你必须在备注里写上