3

我在这个问题rect中有几个附近的 s ，但未与像素对齐。我无法更改元素位置。例如：

<svg width="326.01071" height="255.5332" xmlns="http://www.w3.org/2000/svg"
   viewBox="18 18 41 41"
>
    <rect x="21" y="21" width="51" height="3" fill="black" class="crisp" />
    <rect x="21" y="24" width="30" height="3" fill="black" class="crisp" />
    <rect x="21" y="41" width="51" height="3" fill="black" />
    <rect x="21" y="44" width="30" height="3" fill="black" />
</svg>​

我在矩形之间有一条细线。shape-rendering="crispEdges"没有帮助。

添加一点重叠会有所帮助，但会导致两个抗锯齿边缘连接的垂直关节上出现明显的尖峰，因为两个重叠的矩形都参与了颜色混合。

有什么我可以做的吗？

好吧，矩形是相同的颜色，所以我可以引入一些智能算法来将相邻的矩形连接成一个形状。这是一种干净但艰难的方式。

4

1 回答 1

0

好的，我会在最后回答。

在 -s 周围添加g标签rect消除了这一行——除了 Internet Explorer。

于 2013-07-04T10:11:33.290 回答