jquery - SVG <符号> 的 GSAP 动画不更新 <使用>

Question

为什么，例如为 fill 制作动画<symbol> 内元素的属性使用 TweenMax 没有任何效果，但使用 jQuery 的 attr() 操作一次它功能有吗？

<强> Example Codepen 。

Answer 1

<强> AttrPlugin GSAP 的 是此处应该使用的:

TweenMax.fromTo('symbol > rect', 1, {attr: {fill: 'blue'}}, {attr: {fill: 'red'}});

<强> Example 。

进一步阅读:

• Introducing GSAP 1.18.0 .
• Documentation for AttrPlugin .
• Animating SVG with GSAP .