在svg中围绕矩形添加同心线

我尝试使用过滤器创建一个有3个边框的矩形。 结果应该如下所示：

但我的结果是这样的：

代码：

---

您只需增加过滤器边界，使其在被过滤对象之外延伸足够远

默认值是在所有方向上增加10%，但这对于您的用例来说还不够

---

难道你不能用单独的路径来绘制它吗

---

如果要保留形状，则不能使用feMorphology，因为它使用的是均匀加权的方形内核。相反，你必须使用模糊和alpha增强（又名胶粘效果）。（还需要增加过滤区域）

谢谢，有没有办法使边界保持圆的，因为外边界变得更直了。女性形态学没有，因为它使用了一个正方形甚至加权的内核。不过，你可以用GaussianBlur+feColorMatrix来做。让我添加一个答案。当然，但问题是关于使用过滤器的。然后，也许您可以编辑您的问题，解释为什么需要使用过滤器？非常感谢您使用高斯模糊更新过滤器