SVG过滤动画feColorMatrix

Question

我尝试使用SVF过滤器对图像进行悬停效果。我的问题是，我不知道如何使效果持久。我可以给出1秒的持续时间，但我无法保留values的{​​{1}}。

feColorMatrix

只要悬停在那里，我希望绿色效果留在那里。

谢谢

以下是jsFiddle

Answer 1

如果你添加fill =＆＃34;冻结＆＃34;动画一旦完成就会保持原状。您可能想要向reset the animation on mouseout too添加内容。

function toggleBlurOff(background) {
    document.getElementById("svg").setCurrentTime(0);
};