SVG ViewBox构建

Question

我正在尝试从具有多个路径元素的正确显示的svg(svg1)复制svg path。我基本上是通过创建一个新的svg元素(Svg2)并附加路径来复制一条路径。但我遇到的问题是，我复制到svg2的路径很大，我想在svg1中将其调整为合适的大小。

我一直在尝试为这个元素构造一个新的viewBox，因为svg1有一个viewBox，但我不能使用它，因为svg1中的viewBox用于多个path元素，而不是一个。你有什么办法让我解决这个问题吗？

Answer 1

我假设从' javascript‘标签，您添加了您正在尝试从javascript来做这件事？

我不认为有一个DOM函数可以做到这一点，所以你需要自己遍历"d“属性中的坐标。如果您可以假设没有"a/A“、"v/V”或"h/H“路径命令，则读取每一对X、Y坐标并跟踪最小和最大X和Y。然后从这些坐标创建viewBox。

这将导致viewBox在某些情况下可能会有点太大，但它永远不会小于真正的边界框。