svg - SVG中六边形之间的空间

Question

我试图在 SVG 中制作一些基于六边形的地图。不幸的是，字段之间有空格。

我禁用了字段的边框（stroke="none stroke-width="0"），将所有浮点四舍五入为整数，并确保六边形有共同点（它们之间没有空格）。它没有帮助。

两张截图以不同的放大倍数显示了相同的 SVG http://imgur.com/GLiJs,gi3pt

源代码在这里：http://pastebin.com/hqwTKW4M（下载后记得将扩展名改为svg）。

score 4 · Accepted Answer

将所有六边形（或其中的一组）的形状渲染属性设置为“crispEdges”可以解决此问题。例如

<polygon
  points="0,90 45,12 135,12 180,90 135,168 45,168"
  fill="green" stroke="none" stroke-width="0"
  shape-rendering="crispEdges" />

1 回答 1