vue 转盘抽奖功能,可控制抽奖概率

实现逻辑:

思路:首先需要一个转盘,然后需要一个抽奖按钮定位在中间,图片提前设计或者用背景颜色代替(这里用的是图片,然后计算概率),使用css完成转动效果,每次转动完成之后情况定时器任务,具体代码看下面。

图片提供:(若是图片无法下载可留言)

指针图片:http://81.71.27.71:9000/pointer.png
抽奖图片:http://81.71.27.71:9000/turntable.png
抽奖背景图:http://81.71.27.71:9000/turntable-bg.jpg

实现效果:

vue 转盘抽奖功能,可控制抽奖概率_第1张图片

 

 完整代码:






你可能感兴趣的:(vue.js,javascript,前端)