IE

时间:2017-04-10 15:52:38

标签: html internet-explorer svg gaussianblur

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

阴影显然没有显示

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

谢谢

0 个答案:

没有答案