我的 HTML 中有这个 SVG 代码,它呈现了一个三角形,下面有一个阴影:
<svg class="svg-triangle">
<defs>
<filter id="shadow" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceAlpha" dx="0" dy="-1" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="2,5" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<polygon points="0,0 22,0 11,7" filter="url(#shadow)"/>
</svg>
该代码在 Chrome 和 Firefox 上运行良好,但是当它在 Internet Explorer 11 上呈现时会发生这种情况,高斯模糊 stdDeviation 值变为:
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="1.65726e+009" />
而且阴影明显没有显示出来
关于为什么会发生这种情况的任何想法?
谢谢