由于关键帧动画,无法更改svg的笔触和填充颜色

时间:2016-10-22 03:46:36

标签: jquery svg css-animations fill stroke

我正在尝试编辑svg的填充和描边。通常这很简单。但是,这个svg使用css关键帧动画来设置stroke属性的动画。

出于某种原因,这阻止了它的工作:

$("#logo").css({
    "background-color": "yellow",
    "fill": "red",
    "stroke": "red"                 
});

背景颜色会发生变化,看起来填充/描边颜色也会发生变化,但下面是 css动画颜色(您可以在路径的边缘略微看到红色轮廓,特别是当svg仍然是灰色的时候。)

这可能很难理解,所以我把小提琴放在一起:https://jsfiddle.net/odk5dq4e/

0 个答案:

没有答案