Home/ Questions/Q 8315973
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T21:15:06+00:00

I’ve tried to make some hexagon-based map in SVG. Unfortunately, there are white spaces

  • 0

I’ve tried to make some hexagon-based map in SVG. Unfortunately, there are white spaces between fields.

I’ve disabled fields’ borders (stroke=”none stroke-width=”0″), rounded all floating points to integers and made sure that hexagons have common points (no space between them). It didn’t help.

Two screenshots shows same SVG in different magnifications https://i.stack.imgur.com/Zta2b.png

Source code is here: http://pastebin.com/hqwTKW4M (remember to change extension to svg, after download).

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Setting shape-rendering property to ‘crispEdges’ for all hexagons (or group of them) solves this issue. 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" />

    http://www.w3.org/TR/SVG/painting.html#ShapeRenderingProperty

    • 0