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

标签 jquery svg gsap

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

<强> Example Codepen

最佳答案

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

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

<强> Example

进一步阅读:

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

相关文章:

javascript - 如何删除元素并嵌入jointjs

jquery - 使用 jquery not 运算符

javascript - 比较两个对象数组,如果不存在则推送

javascript - 为什么 jquery scroll 函数只有在第二次或第三次使用后才能正常加载?

javascript - 如何在 IE 和 Firefox 的 JavaScript 中检测 CTRL-V

apache-flex - TweenLite 序列在各个补间之间没有延迟

firefox - 如何将 SVG 和 HTML 混合到一个页面中?

android - 以编程方式将位图转换为 SVG

javascript - 从中心 jQuery/GSOP 淡出圆形图层

javascript - 动画结束后的 TweenMax