Fatal编程技术网
  • animation/
  • Animation SVG动画链接不正确

Animation SVG动画链接不正确

animation svg

Animation SVG动画链接不正确,animation,svg,smil,Animation,Svg,Smil,我有下面的svg，我正在尝试动画的形状 <svg class="svg" viewBox="0 0 100 100"> <path fill="white"> <animate id="close" begin="0s;open.end" attributeName="d" dur="1s" from="..." to="..." /> <animate id="open" begin="close.end

我有下面的svg，我正在尝试动画的形状

<svg class="svg" viewBox="0 0 100 100">
  <path fill="white">
    <animate id="close" begin="0s;open.end" attributeName="d" dur="1s"
             from="..." to="..." />
    <animate id="open"  begin="close.end"   attributeName="d" dur="1s" 
             from="..." to="...0" />
  </path>
</svg>





感谢您的帮助
一种方法是将它放在同一个动画中


<animate id="close" begin="0s" repeatCount="indefinite" attributeName="d" dur="2s"
    values="M 0,0  L 100,0 100,50 100,100 0,100 0,50; M 0,50  L 100,50 75,50 100,
    50 0,50 25,50; M 0,50  L 100,50 75,50 100,50 0,50 25,50; M 0,0  L 100,0 100,
    50 100,100 0,100 0,50" />





我曾想过使用
值
，但我没想到它会适用于如此复杂的东西。我想我错了，只要你把它们整理好，并且有
在每个部分之间，它都非常有效（：