做一个饼状图,带动画的

我想做一个饼状图,效果是这个图从0点钟位置开始缓慢增加一直转360度,最后所有的扇形图都出来,然后再反弹两下,最后停在360度处。(反弹两下大概效果是扇形图达到360度后再回到某个角度比如320度然后再继续回到360度这样的效果),我用canvas实现了缓慢增加最后停在360度处的效果,但是这个反弹没思路,谁有更好的办法实现我说的全部效果,不用canvas也行

阅读 3.6k
2 个回答

你只是画出来,动画还需要自己写。
思路很简单,重绘每一帧就行了。用requestAnimationFrame函数实现,兼容低版本IE就自己写一个setTimeout的兼容。
至于生动反弹效果,你可能要通过时间与速度的关于控制每一帧角度跳跃的距离。
这种场景其实很明显,一个三角函数比上一个一次函数就可以了,就像波的衰变函数一样。
当然以上如果第一次做,可能有点难,可以考虑第三方框架。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题