topojson.mesh 输出路径不正确？（中风-dasharray）

Question

我通过 :

投影国家边界

d3.json("./admin_0.topo.json", function(error, json) { 
    var L0 =  json.objects.admin_0;
//inland borders lines
    svg.append("g").attr("id","border")
        .attr("style", mesh)
    .selectAll("path")
        .data([topojson.mesh(json, L0, function(a, b) { return a !== b; })])
    .enter().append("path")
        .attr("d", path);

  //coast lines
    svg.append("g").attr("id","coast")
            .attr("style", coast)
        .append("path")
        .datum(topojson.mesh(json, L0, function(a, b) { return a == b; }))
        .attr("d", path);
});

一些边框 svg 线无故连接到其他线：

放大时：

注意：海岸线和封闭的多边形都没有弄乱。我通过 npm topojson & natural earth shapefiles 生成了这些数据。在黄色的印度（巴基斯坦、尼泊尔、柬埔寨边界）周围，两条国际边界似乎也缺失了一条。

# Download (not tested)
curl https://github.com/nvkelso/natural-earth-vector/raw/master/10m_cultural/ne_10m_admin_0_countries.shp
# shp2topojson:
topojson \
    --id-property name \
    -p name=name \
    -q 1e4 \
    --filter=small \
    -o admin_0.topo.json \
    -- admin_0=ne_10m_admin_0_countries.shp

什么是窃听？我该如何解决？

Demo, #Mesh, potentially related to: D3js SVG open lines display a fill artifact, how to fix it? & .

Answer 1

错误实际上是由于 Chrome 浏览器上的 `style="stroke-dasharray:4,4;"。。

topojson.mesh 输出路径不正确？ （中风-dasharray）

topojson.mesh outputting incorect path? (stroke-dasharray)

svg

d3.js

topojson

stroke-dasharray

topojson.mesh 输出路径不正确？（中风-dasharray）