Css 如何将特定的框阴影添加到svg？

所以我知道有一个类似的问题：但我很难理解他们是如何将方框阴影特性转换为svg阴影特性的。（尤其是SVG投影没有扩展半径的概念。）

我试图得到这个精确的盒子阴影：盒子阴影：0px 10px 25px 0px rgba（18,103,17,0.15）

我目前有：

---

向svg添加一个类，并在类中定义阴影

<svg class='svg-shadow'>...</svg>

.svg-shadow {
  box-shadow: 10px 5px 5px #000;
}

。。。
.svg阴影{
盒影：10px 5px 5px#000；
}

在它的规范中说

…将标准偏差等于模糊半径一半的高斯模糊应用于阴影将生成的图像

因此，如果要在SVG中创建投影，需要将框阴影模糊半径（在您的示例中为25px）除以2，因此需要stdDiviation=“12.5”

请注意，您可以简化代码

SVG实际上有一个feDropShadow元素，所以您可以直接使用它

哪里是

JavaScript

here@SusobhanDas对不起，这是公平的，我会删除它。我在js代码中使用了这个，所以我的大脑自动添加了它。嗯，这会在圆圈后面的方框周围放置一个阴影吗？因为它覆盖了整个“身体”或其他身体svg@Nerl你试过添加一个边界半径吗？啊，问题的一部分是我在SVG中有其他东西，这样我就不能只提取圆了（这会变得很混乱）。这是我唯一需要阴影的部分。我需要能够挑出圆圈，只添加一个方块阴影。哦，谢谢！嗯，它实际上会更像“投阴影（0px，10px，12.5px，rgba（18，103，17，0.15）”吗尽管如此？我知道我使用了一些奇怪的10px-10px字段，但这只是从一些示例来看的。奇怪的是，你的问题中有两个feOffset元素，所以取决于你。嗯，这只是我在尝试以下示例中的内容，我真的只是在尝试框影：0px 10px 25px 0px rgba（18，103，17，0.15）；所以我猜你是说你的是一样的，因为你把25px减半，而0px的传播半径是不需要的？