相关疑难解决方法(0)
以编程方式合并两个svg路径元素
我正在使用SVG路径渲染地图(使用jVectormap).
在某些情况下,必须将一个区域与邻近区域合并.
不幸的是,两个区域都没有相互接触,我必须进行插值以填充其间的空间.
jVectormap使用非常简单的SVG路径M来设置绝对起点并l连接相对点.
是否有任何SVG库涵盖此类操作？
9
推荐指数
推荐指数
1
解决办法
解决办法
3012
查看次数
查看次数
如何将两个 SVG 路径组合在一起（无空格）
我能够使用这种技术将两个单独的路径合并在一起。但是，我的动画仍然将其视为两条独立的路径。
有没有办法在不使用空格的情况下组合这两条路径？
M3322.09,361.23V473.45c0,14,2,23.41,23.41,23.41H3809.63
M3809.63,496.31c21.41,0,166.41-1,166.41-1s13.07.87,82.08.87c31.75,0,63.51-36.21,95.26-75.31"/>
M3322.09,361.23V473.45c0,14,2,23.41,23.41,23.41H3809.63
M3809.63,496.31c21.41,0,166.41-1,166.41-1s13.07.87,82.08.87c31.75,0,63.51-36.21,95.26-75.31"/>
svg {
fill: none;
}
path {
stroke: tomato;
stroke-width: 100;
}可以在此处查看最初单独的路径：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 25 14905 623">
<path d="M3322.09,361.23V473.45c0,14,2,23.41,23.41,23.41H3809.63 M3809.63,496.31c21.41,0,166.41-1,166.41-1s13.07.87,82.08.87c31.75,0,63.51-36.21,95.26-75.31"/>
</svg>svg {
fill: none;
}
path {
stroke: tomato;
stroke-width: 100;
}目标是合并这些路径以匹配上面的 svg 片段——在路径中不使用空格。
9
推荐指数
推荐指数
3
解决办法
解决办法
2万
查看次数
查看次数