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