Animation 如何在mouseover/mouseout（SMIL）上设置内联SVG填充属性的动画

我创建了一个简单的内联SVG

使用SMIL，我尝试将父SVG

id

的

mouseover

上的所有路径的

fill

属性设置为粉红色

在

mouseout

上，我希望

fill

始终重置

我不想在鼠标上方重复

填充
动画。我只希望它运行一次并“停止”（即保持粉红色），但是，仅当动画持续时间完成时

我尝试了以下方法：


#logoSVG{
宽度：100px；
}
您可以向-标记添加“填充”属性，并将其设置为“冻结”，例如：

感谢您的支持-它解决了任何重复出现的问题，但添加此属性可以防止这种情况发生。。。“在mouseout上，我希望填充始终重置。”？抱歉，我没有意识到-可能我将鼠标移动到了fastI，更新了我的答案，以使用另一种更为明确的方法：为每个所需状态使用1个动画标记。第一个更改颜色，一个保留填充，最后一个将填充更改回原始颜色。
<animate xlink:href="#M" attributeName="fill" from="#1E90FF"
  to="pink" dur="0.8s" begin="logoSVG.mouseover" 
  end="logoSVG.mouseout" id="m-anim" fill="freeze"/>