javascript - 使用 Raphaël.js 对旋转对象进行动画处理

Question

我当前的项目需要绘制机器人并移动它们。机器人由一个圆圈和一个显示机器人当前方向的方框组成。

我的问题是，当我为它们设置动画时，方向框由于旋转而以奇怪的方式移动......

这就是我的意思:http://jsfiddle.net/zmunB/

感谢您的帮助。

巴尔扎德。

Answer 1

这个fiddle显示另一个选项。它可能不像 rajkamal 的解决方案那么优雅，但如果您不习惯使用矩阵，它可能会更容易理解。您应该能够随意向其添加功能(注意我添加的“眼睛”)。

基本上，我只是将功能添加到集合中，并将转换应用于集合中的每个元素。单击右侧的彩色方 block 即可启动动画。请注意，“相对移动”将使集合朝其“查看”的方向移动。