AngularJS:在直线上设置对象从分区A到分区B的动画

AngularJS:在直线上设置对象从分区A到分区B的动画,angularjs,css,animation,Angularjs,Css,Animation,假设我有一个向导,有3个部分,就像这样 [A] ---[B]---[C] 假设当前在范围中选择了一个。这是一个红色的圆圈。当B在范围内被选中时,可以将一个对象(比如一条10px宽10px高的彩色线段)沿线段从点a移动到点B 最好能得到一个简单的解决方案,计算出范围内当前选定的对象,当范围发生变化时,计算一条直线(它总是水平的),然后将对象从当前选定移动到新选定 如何使用AngularJS动画实现?或者可以使用CSS3或javascript实现 谢谢你的指点和代码。你可以按照这些思路做一些事情。不

假设我有一个向导,有3个部分,就像这样

[A] ---[B]---[C]

假设当前在范围中选择了一个。这是一个红色的圆圈。当B在范围内被选中时,可以将一个对象(比如一条10px宽10px高的彩色线段)沿线段从点a移动到点B

最好能得到一个简单的解决方案,计算出范围内当前选定的对象,当范围发生变化时,计算一条直线(它总是水平的),然后将对象从当前选定移动到新选定

如何使用AngularJS动画实现?或者可以使用CSS3或javascript实现


谢谢你的指点和代码。

你可以按照这些思路做一些事情。不确定这是否是你想要的

这使用了ng类,实际上只最适合于几个不同的线性位置。可能有一个更动态、完整的解决方案涉及SASS。但我希望这能有所帮助