lucky-canvas 抽奖插件

一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 ) 抽奖插件

|适配框架|npm下载量|CDN使用量| | :-: | :-: | :-: | |[`JS` / `JQ` 中使用](https://100px.net/usage/js.html)|

| |[`Vue` 中使用](https://100px.net/usage/vue.html)|

| |[`React` 中使用](https://100px.net/usage/react.html)|

|-| |[`UniApp` 中使用](https://100px.net/usage/uni.html)|

|-| |[`Taro3.x` 中使用](https://100px.net/usage/taro.html)|

|-| |[`微信小程序` 中使用](https://100px.net/usage/wx.html)|

|-|
## 官方文档 & Demo演示 > **中文**：[https://100px.net](https://100px.net) > **English**：**If anyone can help translate the document, please contact me** `ldq404@qq.com`
## 在 uni-app 中使用 ### 1. 安装插件 - 你可以选择通过 `HBuilderX` 导入插件： [https://ext.dcloud.net.cn/plugin?id=3499](https://ext.dcloud.net.cn/plugin?id=3499) - 也可以选择通过 `npm` / `yarn` 安装 ```shell # npm 安装： npm install uni-luck-draw # yarn 安装： yarn add uni-luck-draw ```
### 2. 引入并使用 ```html ``` ```js // npm 下载会默认到 node_modules 里面，直接引入包名即可 import LuckyWheel from 'uni-luck-draw/lucky-wheel' // 大转盘 import LuckyGrid from 'uni-luck-draw/lucky-grid' // 九宫格 // 如果你是通过 HBuilderX 导入插件，那你需要指定一下路径 // import LuckyWheel from '@/components/uni-luck-draw/lucky-wheel' // 大转盘 // import LuckyGrid from '@/components/uni-luck-draw/lucky-grid' // 九宫格 export default { // 注册组件 components: { LuckyWheel, LuckyGrid }, } ```
### 3. 我提供了一个最基本的 demo 供你用于尝试由于 uni-app 渲染 md 的时候会出问题，所以我把 demo 代码放到了文档里 - [https://100px.net/document/uni-app.html](https://100px.net/document/uni-app.html)
### **4. 补充说明** - [**如果用着顺手, 可以在 Github 上面点个

支持一下(●'◡'●)**](https://github.com/LuckDraw/lucky-canvas) - 后面提问的同学, 别一上来就中差评, 搞得我好像淘宝卖货一样, 你仔细想想, 你这边差评提问, 谁能有好心情给你调bug, 我开源就图个乐呵, 你给个5星我难道还能不管你(●ˇ∀ˇ●)? - 另外: 如果你修复了某些bug或兼容, 欢迎提给我, 我会把你展示到官网的贡献者列表当中 ---