2

我的 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" />

而且阴影明显没有显示出来

关于为什么会发生这种情况的任何想法?

谢谢

4

0 回答 0