Question

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

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

两个屏幕截图显示了不同放大倍率http://imgur.com/GLiJs,gi3pt

的相同SVG

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

Answer 1

将所有六边形（或其中的一组）的shape-rendering属性设置为“crispEdges”可解决此问题。 E.g。

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