javascript - D3：合并内部 svg 路径？

Question

我有一个svg由许多不同path对象组成的元素，每个对象代表一个美国州。

http://jsfiddle.net/jGjZ2/

我想将东部领土（黄金）合并为一个没有可见划分的单一路径对象。

最终结果应如下所示（忽略不准确之处）：

我正在使用 D3。没有 GeoJSON 或 TopoJSON 数据 - 地图是 svg 直接嵌入到 html 中（参见 jsfiddle）。

非常感谢！

Answer 1

假设您可以忽略操作现有 SVG 图像的规定限制（这似乎是一个任意限制，因为制图边界以更易于操作的格式随时可用......），您可以使用topojson.mesh合并多个多边形。但是，请注意，此方法有一些限制，如本示例中所述：

另一种简单的方法是只绘制两次突出显示的多边形：一次使用粗黑色笔划且无填充，第二次在顶部使用橙色填充且无笔划。这无需任何拓扑操作即可达到相同的效果：

我想如果你真的必须这样做，你可以通过提取矢量数据进入 SVG 元素并做同样的事情，但如果你从干净的数据开始会更容易。