例如,为什么使用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/