SVG 线性渐变在 ie11 中不起作用

Question

我在 SVG 文件中有这个渐变代码：

<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 会显示的内容。

SVG 线性渐变在 ie11 中不起作用

SVG linear gradient dont work in ie11

internet-explorer

svg

linear-gradients