Question

我想知道是否可以通过手工或某种环境将CSS drop-shadow转换为纯feDropShadow的SVG？

例如此示例：

    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>

谢谢。

Answer 1

这是您可以通过在CSS规范中查找drop-shadow()过滤器函数的定义来回答的问题。

定义在这里：

https://drafts.fxtf.org/filter-effects/#dropshadowEquivalent

或者，它也在MDN上描述

https://developer.mozilla.org/en-US/docs/Web/CSS/filter#drop-shadow()_2

从CSS filter：drop-shadow（）创建真实的SVG feDropShadow阴影？

1 个答案: