不能同时动画2个物体

所以我终于设法让我的物体正确移动和旋转。不能同时动画2个物体

现在我想移动并同时旋转2行。但是，当创建新行时，早期的行停止工作。尽管运动和旋转不再起作用，但对象仍然存在，值等仍然正确。

当检索有关lineObject的信息时，我为它们获取唯一的信息。移动和旋转功能都被正确调用和循环。

当创建新属性时，set属性在较早的属性中似乎被打破。

这里怎么回事？

this.lineObject.setAttribute(parameters);似乎没有做任何事情。

难道你不想用css3转换和动画吗？ – Salasar

@Salasar我很喜欢用CSS，html等“noob”。我没有看到一个“简单”的方法来做到这一点，因为对象不断移动，所以变量必须基于对象的位置。 –

的问题是你如何在Draw函数创建线标记。当您使用innerHTML时，基本上会重新创建容器的全部内容。这意味着当你画第二条线时，你的第一条线会变成孤立的，并且创建一个新的元素。

此外，当您创建线元素时，请参阅add a new line in svg, bug cannot see the line 否则您的线条将不可见。

2015-09-15 10:53:57

js中的低级动画非常不舒服，并且需要许多代码行，如果您不使用任何库。也许CSS3可以帮到你吗？看到这个tutorial。

我写了你的案例。请参阅plnkr

2015-09-15 10:55:18 Salasar

你应该真的把问题的答案。该pnkr应该是一个可选的额外。 –

非常感谢，您的回答很有帮助。但是因为错误很多解释了为什么它发生了，他被接受了。 –

回答