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

Stack Overflow用户

提问于 2016-08-12 01:13:25

回答 1查看 2.9K关注 0票数 1

我在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以图像的形式实现。有什么建议吗？提前感谢！

internet-explorer

svg

linear-gradients

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-12 02:55:00

渐变没有向量(x1=x2和y1=y2)。根据SVG specification的说法，这种退化的情况应该导致一个单一的颜色，这是最后一个停止颜色。

如果这就是IE所显示的，那么这样做是完全正确的。考虑到这样的渐变，这肯定是Firefox将显示的内容。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38902420

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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