AngularJS:从DIV A到DIV B的直线动画对象

时间:2014-06-02 23:35:11

标签: angularjs css3 animation

我们说我有一个巫师,还有3个片段,让我们这样说吧。

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

我们现在在范围内选择了A.它是一个彩色的红色圆圈。当在范围内选择B时,可以移动一个物体(让我们说一条沿着从A点到B点的分段线的10px宽和10px高的彩色线段?

最好找到一个简单的解决方案来计算当前在范围内选择的内容,当它发生变化时,计算一条直线(它始终是水平的),只需将一个对象从当前选中移动到新选中。< / p>

如何使用AngularJS动画完成这项工作?或者可以使用CSS3或javascript来完成吗?

感谢任何指针或代码。

1 个答案:

答案 0 :(得分:1)

你可以沿着这些方向做点什么。不确定这是不是你想要的。

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

http://plnkr.co/edit/vMY8bSmpENj4FIv7R1yw?p=preview