关于视频中的disc旋转的问题

来源:7-8 播放器歌曲播放功能实现

雪落无痕2018

2019-07-04

老师,我看了您在视频中的实现,我按照您的做法去做了一下。结果发现图片的确是可以转动,但是点暂停的时候,就会图片回到原来的位置。再进行查阅您的源码,发现多了syncWrapperTransform这一方法来控制图片的转动位置。而原来的您视频中的并没有,请问这个是什么原因造成的呢?是由于vue的版本不同么,还是?



写回答

1回答

ustbhuangyi

2019-07-05

这个方法是后面加的,因为转动是通过 CSS3 的 animation 实现的,当暂停的时候,class 没了,自然就会回到初始位置,如果要保持转动位置,就需要在暂停的时候通过 DOM API getComputedStyle 去计算它当前的 transform,然后动态把它设置到这个位置。这个和 Vue 版本无关

0
3
雪落无痕2018
回复
ustbhuangyi
好的,谢谢老师,我往后学学看
2019-07-05
共3条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程