Css GSAP笔划动画strokeDashoffset工作不正常

我在和gsap一起工作，我在做中风动画，我明白了。但问题是完整的SVG不会出现，半个图标会出现，我尝试更改strokeDashoffset，这可能是getTotalLength的问题；谁能帮我解决这个问题

/*图标笔划动画*/ var path=document.getElementsByClassName'iconStrokeAnim'； var l=$.iconStrokeAnim.get0.getTotalLength； TweenMax.setpath{ strokeDasharray:l }; TweenMax.fromTopath，3{ 冲程偏移量：l }, { strokeDashoffset:0 };

---

看起来问题是你只得到了第一个元素的长度，然后对所有元素都使用这个长度，而它们的长度不匹配。也许你本想这么做：

$(".iconStrokeAnim").each(function() {
  var l = this.getTotalLength();
  TweenMax.set(this, {strokeDasharray:l});
  TweenMax.fromTo(this, 3, {strokeDashoffset:l}, {strokeDashoffset:0});
});

还要记住，与动画StutkDasHOffice相关的浏览器不一致和错误，以及GrimSoCK的DoupSvgPuelin解决的SVG元素长度的计算，因此您可能需要考虑这一点。它确实需要绿石俱乐部的会员资格，但希望你会觉得这是值得的。使用DrawSVGPlugin，您的代码可以简化为：

TweenMax.fromTo(".iconStrokeAnim", 4, {drawSVG:0}, {drawSVG:"100%"});

这是一个密码笔：

---

快乐的吐温

我想使用麻省理工学院，GPL许可证插件，而DrawSGPlugin我需要购买。