WangYingYaTou/lucky-canvas

🎉一个基于JavaScript 的（大转盘抽奖 / 九宫格抽奖）插件；😇A lucky draw plug-in based on JavaScript；🎨奖品 / 文字 / 图片 / 颜色 / 按钮均可配置，支持同步 / 异步抽奖，🏅概率前 / 后端可控，自动根据 dpr 调整清晰度适配移动端

lucky-canvas 抽奖插件

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

简体中文 · English

官方文档 & Demo演示

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

English：If anyone can help translate the document, please contact me ldq404@qq.com

在 JavaScript 中使用

方式 1：通过 script 标签引入

从下面的链接里下载一个叫lucky-canvas.umd.min.js的 js 文件, 然后使用 script 标签引入

• https://github.com/luckdraw/lucky-canvas/tree/master/dist

<div id="my-lucky" style="width: 300px; height: 300px"></div>
<script src="./lucky-canvas.umd.min.js"></script>
<script>

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

</script>

在 vue2.x / vue3.x 中使用

跳转：vue-luck-draw