SVG线性渐变不工作在IE11

Question

我在SVG-file这个梯度代码：

<linearGradient id="SVGRD" gradientUnits="userSpaceOnUse" x1="-243.3" y1="1257.3" x2="-242.3" y2="1257.3" gradientTransform="matrix(-64.7347 -199.2328 -199.2328 64.7347 234813.9219 -129743.9844)"> 
    <stop offset="0" style="stop-color:#B3B3B3"/> 
    <stop offset="0.45" style="stop-color:#B3B3B3;stop-opacity:0.22"/> 
    <stop offset="1" style="stop-color:#B3B3B3;stop-opacity:0"/> 
</linearGradient> 
<path style="fill:url(#SVGRD);" d="M142.7,133L105,18.5H0V133H142.7z"/> 

它不似乎在IE11工作。路径呈现为没有渐变并仅填充颜色。

SVG以图像形式实现。有什么建议么？提前致谢！

Answer 1

渐变没有矢量（x1 = x2和y1 = y2）。根据SVG specification这个退化情况应该导致一个单一的颜色，这是最后一站颜色。

如果这就是IE显示的内容，那么这样做完全正确。这肯定是火狐显示给定这样一个渐变。