3

SVGで六角形ベースのマップを作成しようとしました。残念ながら、フィールド間に空白があります。

フィールドの境界線を無効にし（stroke = "nonestroke-width =" 0 "）、すべての浮動小数点を整数に丸め、六角形に共通の点があることを確認しました（それらの間にスペースがありません）。それは役に立ちませんでした。

2つのスクリーンショットは、異なる倍率で同じSVGを示していますhttp://imgur.com/GLiJs,gi3pt

ソースコードはここにあります：http：//pastebin.com/hqwTKW4M（ダウンロード後、拡張子をsvgに変更することを忘れないでください）。

4

1 に答える 1

4

すべての六角形（またはそれらのグループ）の形状レンダリングプロパティを「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" />

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

于 2012-07-28T07:25:39.953 に答える