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

出于某种原因,这可以防止这种情况发生:

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

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

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