javascript - D3: 合并内部svg路径?

  显示原文与译文双语对照的内容
0 0

我有个 svg元素由许多不同 path对象,每个对象代表一个U .S状态。 enter image description here

http://jsfiddle .net/jGjZ2/

我想东部领土( gold ) 合并到单个路径没有可见的对象划分。

最终结果应如下所示( 忽略不准确) : enter image description here

我使用D3 。 没有GeoJSON或TopoJSON数据地图是svg中直接嵌入html ( 参见jsfiddle ) 。

太感谢了 !

时间:原作者:3个回答

0 0

假定可以忽略所述的限制操作现有SVG图像( 这样当任意给定的随时可用性限制地理边界更易于操纵formats… ),可以使用 topojson .mesh 合并多个多边形 。 不过,注意此方法有一些局限性,如在本例中:

merged polygons

另一个简单的方法是只绘制突出显示的多边形两次 : 一次用深黑色的笔触和无填充,那么第二次上面桔色填充和无笔画。 这个没有任何需要拓扑操作可达到同样的效果:

merging polygons

我想如果你真的得,可以延伸到整个SVG元素并执行相同的操作通过提取矢量数据,但这样会简单如果是从干净数据。

原作者:
...