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

Question

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

Answer 1

ustbhuangyi 2019-07-05 09:53:55

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

• 提问者 雪落无痕2018 #1

  但是很奇怪的是，您的视频里面并没有加这个方法，直接就实现了保留转动位置，这个是为什么呢，我主要不太明白的是这点。

• ustbhuangyi 回复 提问者 雪落无痕2018 #2

  你往后看看，应该是有的

• 提问者 雪落无痕2018 回复 ustbhuangyi #3

  好的，谢谢老师，我往后学学看