我想知道这是否是一种通过手动或某些环境将 CSS drop-shadow 转换为纯 SVG 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() 过滤器函数的定义来回答。
定义在这里:
https://drafts.fxtf.org/filter-effects/#dropshadowEquivalent
或者，MDN 上也有描述
https://developer.mozilla.org/en-US/docs/Web/CSS/filter#drop-shadow()_2
关于html - 从 CSS 滤镜制作真正的 SVG feDropShadow 阴影 :drop-shadow()?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56753520/