zhongyb6/lucky-canvas

🌼🌼🌼 使用 TypeScript + 原生 Canvas 封装的 JS 抽奖插件【大转盘 / 九宫格】🚀 并内置了一个微型的响应式来处理异步数据渲染，🌈 一套源码适配多端框架 js / jq / vue / react / taro / uni-app / 微信小程序等等...

lucky-canvas 抽奖插件

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

简体中文 · English

官方文档 & Demo演示

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

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

• 在 js / jq 中使用 lucky-canvas

• 在 vue 中使用 vue-luck-draw

• 在 react 中使用 react-luck-draw

• 在 uni-app 中使用 uni-luck-draw

• 在 taro 中使用 taro-luck-draw

• 在 微信小程序 中使用 mini-luck-draw

在 Js / JQuery 中使用

方式 1：通过 script 标签引入

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

• 指定版本： https://cdn.jsdelivr.net/npm/lucky-canvas@1.4/dist/lucky-canvas.umd.min.js

<div id="my-lucky"></div>
<script src="https://cdn.jsdelivr.net/npm/lucky-canvas@1.4/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>

如果您觉得这个项目还不错, 可以在 Github 上面帮我点个star ☜(ﾟヮﾟ☜)

友情链接

• 🎁 h5-Dooring 一款功能强大，高可扩展的H5可视化编辑器