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

发布于 2024-10-23 00:46:15 字数 319 浏览 8 评论 0原文

我正在根据分子图的想法构建动画导航。它当前包含 3 个六边形,当其中任何一个悬停在其上时,它们会产生动画。

这是我到目前为止所拥有的: http://www.billjordandesign.com/tutorials/hexagon_test.html

我想包括连接六边形(如图表)的线,这些线在六边形动画时随六边形一起移动,以便它们看起来保持连接。

有人对从哪里开始寻找解决方案有任何建议吗?

I'm building an animated navigation based on the idea of a molecular diagram. It currently contains 3 hexagons that are animated when any one of them is hovered over.

Here is what I have so far: http://www.billjordandesign.com/tutorials/hexagon_test.html

I'd like to include lines that connect the hexagons (like a diagram) that move along with the hexagons as they are animated so they appear to stay connected.

Does anyone have any advice on where to start looking for a solution?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

把时间冻结 2024-10-30 00:46:15

我认为 jQuery 可能不是最好的选择,除非你一直坚持使用完美的直线。

RaphaelJS 可能更合适。

如果您无法使用 jQuery,您可能需要查看一些这些插件

I think jQuery might not be the best bet, unless you're sticking with perfectly straight lines all the time.

RaphaelJS might be a better fit.

If you're stuck w/ jQuery, you may want to check out some of these plugins.

眼藏柔 2024-10-30 00:46:15

您可能还想查看一个名为 easeljs 的框架。它不像 rapheal 那么强大,但这可能是一个优势。 EaselJS

You May also want to check out a framework called easeljs. Its not quite as robust as raepheal, but that may be an advantage. EaselJS

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文