从SVG文件中删除不必要的状态行

时间:2018-06-11 13:53:51

标签: css xml svg

我正在尝试获取一个仅包含灰色状态/县的SVG文件。我能够这样做,但一直无法得到它,以便只有灰色的州周围的边界,而不是其他任何东西。

下面的第一张图片是目前国家边界的样子。但是,如果我从我的jsfiddle中的第1212行开始删除大块代码: http://jsfiddle.net/279qjt1r/然后它将导致下面的第二张图片。它只会是我想要看到的州,但是没有国界,所以你无法确定哪个县处于什么状态。

目前,状态行由这行css设置:

.State_Lines {fill:none;stroke:#221e1f;stroke-width:0.89143497;}

如何在保持边缘处于灰色状态的同时删除白色状态周围的边框?所以基本上,我如何在我发布的第二张照片中获得每个州的边界。

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:1)

看起来状态边界都在一条路径中。没有办法用CSS改变它。您需要在Inkscape中编辑该路径。选择路径,然后使用路径节点编辑工具(F2)删除该路径中您不想要的点。