Javascript 使用Greensock设置V形的动画

所以我尝试用Greensock库制作一个V形的动画。我的目标是

加入：

我有一个代码笔的工作版本 我的目标是雪佛龙的id，我有一个小事件监听器连接到它使用morphsvggs函数。但是，我想从底部点开始设置V形动画，然后慢慢向上设置动画。现在，它只是在单击时更改SVG坐标

代码如下：

var chevron=document.getElementByIdchevron； chevron.addEventListener“单击”函数{ 托切夫隆，0.08{ 修订版本：100,72.61173.6157.4200157.42.20157.426.4157.4 }; }; .集装箱{ 最大宽度：800px； 保证金：0自动； } .st0{ 填充：000； } V形{ 转变：尺度； }

---

看起来您应用了CSS转换，某些浏览器优先于转换属性，但是转换属性在不同浏览器中更加一致。这就是GSAP使用它的原因。因此，在您的示例中，您遇到了一个冲突，CSS转换推翻了在属性中应用的转换

您应该始终通过GSAP直接设置与转换相关的值，以确保跨浏览器兼容性

TweenLite.set("#chevron", {scale:0.2});

这里有一个修改过的代码笔，它也使用shapeIndex来改变形状变形的方式——这就是你想要的吗？

---

我不太明白你的问题。看看这个