Javascript 使用过滤器向SVG添加高亮颜色光晕？

我正在开发一个SVG画板，我非常想在选定的SVG对象周围显示一个轮廓。我已有以下资料：

<svg width="0" height="0">
    <filter id="outline">
        <feMorphology operator="dilate" radius="1" in="SourceGraphic" result="glow" />
        <feComposite operator="over" in="glow" in2="SourceGraphic"></feComposite>
    </filter>
</svg>

path.selected { filter: url(#outline); }

path.selected{filter:url（#outline）；}

---

这会在路径周围创建硬像素轮廓，但“光晕”始终与路径的颜色相同。我可以使用feColorMatrix将其重新着色为css高亮颜色吗？有没有更简单的方法？

您可以在过滤器中添加一个

feFlood

，并在css中设置泛光颜色

svg{color:red}
feFlood{flood color:currentColor；}