例如,为什么使用TweenMax对fill中的元素的<symbol>属性进行动画处理,却没有效果,而一旦使用jQuery的attr()函数对其进行操作,则没有效果?

Example Codepen

最佳答案

GSAP的AttrPlugin是应在此处使用的一种:

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


Example

进一步阅读:


Introducing GSAP 1.18.0
Documentation for AttrPlugin
Animating SVG with GSAP

关于jquery - SVG <symbol>的GSAP动画不会更新<use>,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32706777/

10-11 17:35