Javascript d3地理路径转换

Javascript d3地理路径转换,javascript,d3.js,svg,Javascript,D3.js,Svg,我有一张不同国家的地图。我想将每个国家转换到另一条路径(通常是矩形或圆形) 如果我做一个经典的转换,转换是akward,因为SVG没有相同数量的节点。我使用一个库(polymorph.js)。此库确保目标路径具有相同数量的节点。可悲的是,有些艺术品(圆不是真的圆,矩形有点奇怪) 例如: 我正在寻找一种算法,它允许在国家路径和圆形/矩形之间很好地过渡 有人能帮忙吗 谢谢我在这里找到了一个可行的解决方案: 如果有人能解释发生了什么,那么我一定会理解它是如何工作的我发现了这个:。所以我在这里复制了矩形

我有一张不同国家的地图。我想将每个国家转换到另一条路径(通常是矩形或圆形)

如果我做一个经典的转换,转换是akward,因为SVG没有相同数量的节点。我使用一个库(polymorph.js)。此库确保目标路径具有相同数量的节点。可悲的是,有些艺术品(圆不是真的圆,矩形有点奇怪)

例如:

我正在寻找一种算法,它允许在国家路径和圆形/矩形之间很好地过渡

有人能帮忙吗


谢谢

我在这里找到了一个可行的解决方案:

如果有人能解释发生了什么,那么我一定会理解它是如何工作的

我发现了这个:。所以我在这里复制了矩形的方法:。但还有最后一个问题。当我在两条路径之间插值时,如何找到好的起点:这就是如何确保第一条路径的左上角“部分”保持在第二条路径的左上角。我的例子只有通过反复试验才能奏效