lucky-canvas 抽奖插件

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

| |`Vue2.x` / `Vue3.x`|[vue-luck-draw](https://100px.net/usage/vue.html)|

| |`React`|[react-luck-draw](https://100px.net/usage/react.html)|

| |`UniApp`|[uni-luck-draw](https://100px.net/usage/uni.html)|

|/|

## 官方文档 & Demo演示 > **中文**：[https://100px.net](https://100px.net) > **English**：**If anyone can help translate the document, please contact me** `ldq404@qq.com`
## 在 vue2.x / vue3.x 中使用 ### 方式 1：通过 import 引入 1. 首先安装插件 ```shell # npm 安装： npm install vue-luck-draw # yarn 安装： yarn add vue-luck-draw ``` 2. 然后找到 `main.js` 引入插件并 `use` ```js // vue2.x import LuckDraw from 'vue-luck-draw' Vue.use(LuckDraw) // vue3.x import LuckDraw from 'vue-luck-draw/vue3' createApp(App).use(LuckDraw).mount('#app') ``` 3. 最后在组件内使用 **``大转盘抽奖** 或 **``九宫格抽奖** ```vue ```
### 方式 2：通过 script 标签引入 > 为了避免 CDN 链接出现异常或波动，我非常建议你**缓存到本地或服务器(✿◡‿◡)** - **vue2.x：** [https://cdn.jsdelivr.net/npm/vue-luck-draw@3.4.6/dist/vue-luck-draw.umd.min.js](https://cdn.jsdelivr.net/npm/vue-luck-draw@3.4.6/dist/vue-luck-draw.umd.min.js) - **vue3.x：** [https://cdn.jsdelivr.net/npm/vue-luck-draw@3.4.6/vue3/vue-luck-draw.umd.min.js](https://cdn.jsdelivr.net/npm/vue-luck-draw@3.4.6/vue3/vue-luck-draw.umd.min.js) ```html

```
### **如果您觉得这个项目还不错, 可以在 [Github](https://github.com/LuckDraw/lucky-canvas) 上面帮我点个`star` ☜(ﾟヮﾟ☜)**