Javascript 如何同步SVG SMIL动画？

我正在尝试使用“syncbase”值同步两个动画

。。。

退房

可以手动重新启动所有动画，但当svg元素的复杂性增加且有许多动画时，问题就会出现。如果有可能像这个（不起作用）示例中那样链接SMIL动画，它将非常简化

如何通过调用
beginElement
和/或
endElement
重新启动多个动画

编辑：仅在chrome中发生不同步。
我无法使动画不同步。@RobertLongson刚刚发现这种情况仅在chrome中发生。在firefox中一切正常。向我报告Chrome bug，如下所示：
...

<path
  d="M0 0 H100 V50 H0 Z"
  fill="purple"
>
  <animate
    id="anim1"
    attributeName="d"
    to="M0 0 H20 V50 H0 Z"
    begin="indefinite"
    end="indefinite"
    dur="2s"
    fill="freeze"
  />
</path>
<path
  d="M0 50 H100 V100 H0 Z"
  fill="pink"
>
  <animate
    id="anim2"
    attributeName="d"
    to="M0 50 H20 V100 H0 Z"
    begin="anim1.begin"
    end="anim1.end"
    dur="2s"
    fill="freeze"
  />
</path>

...