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）。根据{{3}}这种退化情况应该会产生一种颜色，这是最后一种颜色。

如果这是IE正在显示的内容，那么这样做完全正确。这肯定是Firefox在这样的梯度下会显示的内容。

SVG线性梯度在ie11中不起作用

1 个答案: