0

我有一个 HTML5 视频标签和一个 SVG 动画。我想要实现的目标 - 播放视频时，我希望动画以与视频相同的速度移动。动画看起来像这样

<animateTransform id='pathAnimation' xlink:href="#chartPath" 
                    attributeName="transform"
                    attributeType="XML"
                    type="translate"
                    from=""
                    to="" 
                    dur="1s" begin="indefinate" fill="freeze" />

所以每一秒我都会改变from和to参数。结果与我想要实现的目标非常接近，但有时（几秒钟内一次）就像我认为来自我不知道如何精确增加fromand的东西一样微小的冻结/闪烁to。

那么如何让它与视频一起流畅地工作呢？

先感谢您

4

0 回答 0