lucky-canvas

基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖,致力于为 WEB 前端提供一个功能强大专业可靠的营销组件,只需要通过简单配置即可实现自由化定制,帮助你快速的完成产品需求

自由配置

奖品 / 文字 / 图片 / 颜色 / 按钮均可自由配置;支持同步 / 异步抽奖;中奖概率前 / 后端可控

多端适配

支持 JS / TS / JQ / Vue / React / 微信小程序 / UniApp / Taro 等;并且多端使用 / 表现形式完全一致

响应式

自动根据设备 dpr 调整清晰度;并支持使用 百分比 / rem / rpx 属性来适配移动端布局

加入我们

  • 核心开发: 实现了重要的功能 & 核心逻辑 & 提交过多次PR
  • 需求优化: 参与项目的需求开发, 提交PR完成合并
  • 基础建设: 完善项目的打包 / 发布流程, 优化了一些项目构建相关
  • 修复Bug: 修复了某个可能会导致代码运行的逻辑漏洞
  • 维护文档: 参与了文档的开发 / 维护 / 翻译
  • 贡献Demo: 如果你们公司抽奖的UI设计图比较好看,可以发给我审核
  • 贡献者

    问题反馈

  •  Bug 反馈请直接去 Github 上面提 Issues,我会实时收到邮件提醒前去查看
  •   如果是小白需要技术指导的话, 右边是我的赞赏码, 备注好你的微信号, 我看到后会主动加你
  •   但如果是因为我文档没写清楚,或者是插件本身的bug,导致你无法正常使用的话,赞赏全额返还

  • 常见问题

  • 小程序里canvas的层级太高了,把弹窗挡住了怎么办
  • 小程序内 canvas 是原生组件,所以默认就是顶层渲染,我特意对此进行了优化,在第一次开始游戏之后: 每次结束游戏都会切换成图片来显示, 但是当游戏开始时, 抽奖组件还是会切换到 canvas 来渲染

  • IE11显示 Promise 未定义, 怎么办
  • 把下面的CDN在插件前面引入即可
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>