哪个框架允许我们在svg中为g标签设置动画

时间:2015-04-21 05:27:58

标签: javascript jquery animation svg velocity.js

g标签为某些动画接收它自己的动画标签。但它似乎非常有限,无法用于高级动画。我们有动画的jQuery动画非常有用,但由于限制,我们不能专门用它来动画g标签。我想问一下,如果g标签设置了idclassname,我还有什么其他选项来设置动画。在snap.svg中,可以使用svg图片并对其进行解释。但是,我不想使用它。我更喜欢使用svg标记并保持简单。请参阅此fiddle我要将动画应用于多维数据集。我对任何框架都持开放态度,但只是想知道这是否可行并且是一种常规方法。如果是,我将非常感谢参考链接和/或示例代码的答案,以正确实现相同的。在询问之前我已经搜索了SO。这是代码示例。我不是在寻找CSS3动画和过渡,因为 IE9 + 是必须的。

SVG

<svg height="100%" version="1.1" width="100%" xmlns="http://www.w3.org/2000/svg">
<g id="cube">
<path id="f1" d="M190,200L260,160L330,200L260,240L190,200"></path>
<path id="f2" d="M260,240L330,200L330,280L260,320L260,240"></path>
<path id="f3" d="M260,240L260,320L190,280L190,200L260,240"></path>
</g>
</svg>

0 个答案:

没有答案