近期，公司推出了一个新的系统：设备云盘。
产品设计出了饼形导航：鼠标悬浮在一级扇形导航上，出现二级球形导航；鼠标点击二级球形导航，跳转到对应的页面；鼠标拖动界面，可旋转导航以调整导航的姿势。
和产品多次沟通后，根据UI提供的效果视频，经过几天的奋战，实现效果和视频稍有出入，基本符合产品要求。
饼形图部分使用了 Canvas，其他动态效果由 CSS 实现。逻辑部分，当然 JS 啦。
在线Demo:
动图效果：
近期，公司推出了一个新的系统：设备云盘。
产品设计出了饼形导航：鼠标悬浮在一级扇形导航上，出现二级球形导航；鼠标点击二级球形导航，跳转到对应的页面；鼠标拖动界面，可旋转导航以调整导航的姿势。
和产品多次沟通后，根据UI提供的效果视频，经过几天的奋战，实现效果和视频稍有出入，基本符合产品要求。
饼形图部分使用了 Canvas，其他动态效果由 CSS 实现。逻辑部分，当然 JS 啦。
在线Demo:
动图效果：