主要介绍了JS实现简单的抽奖转盘效果,涉及javascr ipt数值计算与页面元素属性动态操作相关实现技巧,需要的朋友可以参考下

最近有个转盘抽奖的需求，搜了一下现有的轮子，有的是用jQuery的动画函数实现的，有的是用canvas绘图然后再用高频率的setTimeout调用旋转方法，前者太老了没法简单移植到vue项目，后者感觉性能表现可能不会太好。也有一些用CSS动画的方案，设计了加速-匀速-减速三个动画，再计算偏转角度让三个动画尽可能无缝衔接，但我感觉绕了大远路，应该有更简单轻量的实现方案。个人更倾向于用transition来实现，不过网上的例子感觉还不够好，有的倾斜文字都没有对齐，最后还是自己手写了一个。 无需jQu

本文实例讲述了JS实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下： www.jb51.net JS抽奖转盘 *{ margin:0; padding:0; list-style: none; } .big{ width: 318px; height: 318px; margin:100px auto; } .bi