SVG：用颜色投下阴影颜色/插入阴影

Question

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

还有如何轻松将其转换为嵌入阴影并返回投影阴影，类似于CSS3框阴影函数。

http://jsfiddle.net/zerolfc/1jb3jdpc/

<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>