webapp-lucky

前言 大转盘营销活动大家应该都不陌生那如何用小程序实现呢？ 第一个版本的大转盘都是用图片做的，奖品等信息都是不无法修改的，说白了就是没啥实际用途，作者我就直接用canvas撸了一个全手工绘制的大转盘分享给大家。此处应有掌声 : ) 效果图 因为gif动态效果图实在是太大了，就截取了两张图片给大家看 项目结构 运行流程 获取所有奖品列表 绘制指针和转盘 绑定指针区域点击事件 点击指针开始转动 请求后端获取抽中的奖品 调用大转盘停止方法把奖品传进去 大转盘停止转动 展示奖品和信息 关键代码 绘制大转盘和绑定指针点击事件 // 启用事件 point.inputEvent = true; point.onInputDown = run; // 更新动画 var update = function () { // 清空 context.clearRe