使用jQuery建立动画对象之间的连接线

我正在构建基于分子图的想法的动画导航。它当前包含3个六角形，当它们中的任何一个被悬空时都会生成动画。使用jQuery建立动画对象之间的连接线

我想包括连接六角形（如图示），只要是在动画，使他们看起来保持连接与六角形待着线。

有没有人有什么建议从哪里开始寻找解决方案？

我认为jQuery可能不是最好的选择，除非你始终坚持完美的直线。

RaphaelJS可能更适合。

如果你被卡住了/ jQuery，你可能想看看these plugins。

2011-03-17 21:48:28 jvenema

使用Raphael可以让你在SVG中绘制这些六边形（IE中的VML），所以你不会有任何不那么漂亮的像素化。同样，您可以更精确地定义六边形的顶点，并且可以相对容易地实现SVG中两个定义点之间的绘制和动画线条。 – dianovich 2011-03-17 21:54:47

感谢您的建议！它看起来像我将能够通过你的链接找到答案。 – 2011-03-17 21:58:15

拉斐尔不是免费的，是吗？ – bonCodigo 2014-08-14 11:54:42

您可能还想查看一个名为easeljs的框架。它的效果不如激烈，但这可能是一个优势。 EaselJS

2011-03-17 23:31:15 sottenad

回答