SVG问题-如何最小化SVG中的段数,以便在d3.js中轻松进行补间(Arcmap-> Illustrator-> d3.js)

我正在创建一个补间Web地图,可以在地图内不同的边框配置之间切换。我正在使用d3.JS进行此操作-这是我要去http://jsfiddle.net/cormundo/91pjd3z4/40/的地方的示例。我计划添加svg的其他一些静态部分以及补间片段。

我在Arcmap中创建了一些Line数据配置(不是多边形,因为我认为这可能更容易使用),并将其导出到SVG。当我仔细查看SVG时,我意识到它们由很多不同的段组成,每个段都包含在svg中的不同路径元素中。当然,这使在d3.js中使用它们变得非常混乱,因此我试图将它们中的尽可能多的组合到单个段中。

示例细分->

    <path xmlns="http://www.w3.org/2000/svg" clip-path="url(#SVG_CP_1)" fill="none" stroke="#A16600" stroke-width="0.95997" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="     M236.87355,455.7626L238.79349,455.7626"/>

我尝试将属性表一起溶解在arcmap的每一层中-仍有许多线段。我将其移至插图画家,在插图画家中,我试图使用“联接路径”工具将不同的线段组合成一条较大的线。我通常会收到两种我不了解的错误-

[只有几行]:“要加入,必须选择相同或两条不同路径的两个不同端点”

[如果我选择整行线]“所选对象不能合并,因为它们是无效对象(复合路径,闭合路径,文本对象,图形,实时绘制组)。可以使用join命令连接两个对象或更多路径,成组的路径;或关闭开放路径。”

所以,我要问的是:

1)在Illustrator或ArcMap中是否有简单的解决方法?

2)有更好的方法吗?

谢谢!

nathansgl 回答:SVG问题-如何最小化SVG中的段数,以便在d3.js中轻松进行补间(Arcmap-> Illustrator-> d3.js)

想出任何有相同问题的人! ArcGIS会导出非常混乱的线条,您必须通过AI或inkscape进行逐一地将它们连接在一起……虽然很费时,但确实行得通!

本文链接:https://www.f2er.com/3117435.html

大家都在问