Html 从CSS过滤器：drop-shadow（）生成一个真正的SVG feDropShadow阴影？

我想知道，这是一种通过手动或某种环境将CSS

drop shadow

传输到纯SVG one

feDropShadow

的方法吗

比如这个例子：

    filter: drop-shadow(0px 1px 0.1px #fff) drop-shadow(0px 1px 3px #a3d900de);

下面这样的东西不起作用：

<filter id="some_id">
  <feDropShadow dx="0" dy="1" stdDeviation=".1" flood-color="#fff" />
  <feDropShadow dx="0" dy="1" stdDeviation="3" flood-color="#a3d900de" />
</filter>

---

提前感谢。

这是您可以通过在CSS规范中查找

drop-shadow（）

过滤器函数的定义来回答的问题

定义如下：

或者，它也在MDN上描述

---

但它是有效的。尝试将其添加到svg中：