SVG直線勾配私はSVG-ファイルで、この勾配のコードを持って

Question

IE11にいけない仕事：

<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が表示している場合は、そうするのがまったく正しいです。このようなグラデーションがあれば、Firefoxが表示するのは確かです。