Question

如何删除SVG中两个相邻多边形之间的直线：

＆＃13;

    <svg width="200px" height="200px" viewBox="0 0 200 200">
    <polygon points="100 100,  100 200,  200 100" style="fill: blue; fill-opacity: 1; stroke: black;stroke-width: 0;" />
    <polygon points="200 200,  100 200,  200 100" style="fill: blue; fill-opacity: 1; stroke: black;stroke-width: 0;" />
    </svg>

＆＃13;

在这种情况下，它可以通过合并两个多边形来解决 - 但如果多边形有不同的颜色则不是这种情况。

Answer 1

它是抗锯齿的，所以shape-rendering =“crispEdges”将是解决它的一种方法。

<svg width="200px" height="200px" viewBox="0 0 200 200" shape-rendering="crispEdges">
    <polygon points="100 100,  100 200,  200 100" style="fill: blue; fill-opacity: 1; stroke: black;stroke-width: 0;" />
    <polygon points="200 200,  100 200,  200 100" style="fill: blue; fill-opacity: 1; stroke: black;stroke-width: 0;" />
</svg>

删除SVG中多边形之间的线

1 个答案: