lucky-canvas 抽奖插件

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

简体中文 · English

官方文档 & Demo演示

中文：https://100px.net/document/js.html

English：If anyone can help translate the document, please contact me [email protected]

在 Js / JQuery 中使用

方式 1：通过 script 标签引入

为了避免 CDN 链接出现异常或波动，我非常建议你缓存到本地或服务器

• 最新版本： https://cdn.jsdelivr.net/npm/lucky-canvas/dist/lucky-canvas.umd.min.js
• 指定版本： https://cdn.jsdelivr.net/npm/[email protected]/dist/lucky-canvas.umd.min.js

<div id="my-lucky"></div>
<script src="https://cdn.jsdelivr.net/npm/lucky-canvas/dist/lucky-canvas.umd.min.js"></script>
<script>

  // 大转盘抽奖
  let luckyWheel = new LuckyCanvas.LuckyWheel({
    el: '#my-lucky',
    width: '300px',
    height: '300px'
  }, {
    // ...你的配置
  })
  
  // 九宫格抽奖
  let luckyGrid = new LuckyCanvas.LuckyGrid({
    el: '#my-lucky',
    width: '300px',
    height: '300px'
  }, {
    // ...你的配置
  })

</script>

在 vue2.x / vue3.x 中使用

• vue-luck-draw

在 uni-app 中使用

• uni-luck-draw