Css Chrome中的SVG填充工件

我有一个多边形路径，用颜色填充。 这在Firefox和IE中非常有效

在Chrome中，根据大小-出现瑕疵。在这里的示例中，有一个对角线渐变，而不是普通颜色

问题，我如何解决这个问题，或者存在哪些变通方法

如果缺陷不可见，则必须更改宽度，因为它并不总是被触发。在JSFIDLE中，这非常简单，因为预览容器的大小可以很容易地更改

该错误仅在ShaperOrdering未设置为CrispEdge时发生

svg{
背面可见性：隐藏；
宽度：50%；
}
.自动{
填充：#37d0cd；
形状渲染：自动；
}
.脆{
填充：#37d0cd；
形状渲染：边缘清晰；
}

---

所以我找到了一个解决办法——但感觉像是黑客。因此，我对这个解决方案不是很满意；我希望有更好的办法

基本上，填充颜色获得形状渲染边缘，从而创建像素化边界。 为了去除像素化的边界，我再次添加了相同的路径，使其具有透明填充和形状自动渲染

svg{
背面可见性：隐藏；
宽度：50%；
}
.自动{
填充：#37d0cd；
形状渲染：自动；
}
.脆{
行程：#37d0cd；
填充：透明；
形状渲染：自动；
}
.脆{
填充：#37d0cd；
笔画：透明；
形状渲染：边缘清晰；
}

---

它可能与。你可能想在crbug.com上报告，让他们决定。@PaulLeBeau thx，我很可能提到了同样的问题：