jquery - 使用 greensock tweenlite (js 版本) 补间 svg 属性

Question

我想使用greensock的 js 动画平台来补间 svg 圆的半径，但它似乎不起作用，而且我在文档中没有看到任何有关补间属性的内容，只有 css 属性。这可能吗？我基本上有这个:

<circle r="17.451467196282987" data-rad="17.451467196282987"></circle>

我正在尝试这样做:

TweenLite.to($('circle'), .5, {r:25});

我尝试使用 jquery 执行此操作，但它也不起作用，但我接受这两种方法。

Answer 1

您现在可以直接为 attr 值设置动画

例如:TweenLite.to("#rect", 1, {attr:{x:100, y:50, width:100, height:100}, escape:Linear.easeNone});

查看 GSAP 网站 http://greensock.com/docs/#/HTML5/GSAP/Plugins/AttrPlugin/