SVG ViewBox构造

Question

我想从一个正确显示的svg（svg1）复制一个svg路径与多个路径元素。我基本上试图通过制作一个新的svg元素（svg2）并追加路径来复制一个路径。但是我遇到的问题是我复制到svg2的路径很大，我想在svg1中将它的大小设置为合适的大小。

我一直在试图为这个元素构造一个新的viewBox，因为svg1有一个viewBox，但是我不能使用它，因为svg1中的viewBox是用于多个路径元素而不是一个。关于如何解决这个问题的任何想法？

Answer 1

我从'javascript'标记中假设你添加了你正在尝试从javascript中做到这一点？

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

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