Greensock MorphSVG怪异的涟漪效应

Question

我正在使用Greensock MorphSVG，我已经创建了几条形状相同的路径，但进行了一些细微调整。我已经运行了时间轴，并且可以看到路径之间的形状按预期变形。但是在变形时会有怪异的涟漪效应。我正在尝试使动画尽可能平滑，但我尝试过的所有方法均无效，Greensock网站对如何解决此问题一无所知。

Changing pointer type and value under interface with reflection

任何和所有建议将不胜感激。谢谢。

jQuery(document).ready(function(jQuery) {
  /* Morph */
  var id = jQuery("#path1");
  if (id.length > 0) {
    var tl = new TimelineMax({
      repeat: -1,
      yoyo: true
    });
    tl.to(id, 1, { morphSVG: "#path1" }, "+=1");
    tl.to(id, 1, { morphSVG: "#path2" }, "+=1");
    tl.to(id, 1, { morphSVG: "#path3" }, "+=1");
    tl.to(id, 1, { morphSVG: "#path4" }, "+=1");
  }
});