Html SVG：放置阴影颜色/使用颜色插入阴影

我想知道如何在SVG形状上使用指定的RGB或十六进制值更改阴影颜色

以及如何轻松地将其转换为插入阴影和回投阴影，类似于CSS3框阴影函数

---

您希望阴影为灰色，而不是使用形状颜色？@RobertLongson阴影颜色是动态的，它必须是RGB/Hex格式的颜色选择器中的任何颜色。例如，将F00用于red drop shadow.SVG不支持这一点。你必须将特定的颜色编码到阴影中，或者像你这样使用形状的颜色。或者根据使用CSS过滤器，尽管这些过滤器在IE中不起作用

<svg width="200" height="200" style="overflow: visible">
<defs>
<filter id="boxshadow">
<feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="50" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<polygon filter="url(#boxshadow)" style="fill:yellow;stroke:blue;stroke-width:8" points="32,0 160,0 192,101 160,202 32,202 0,101" />
</svg>