SVG ViewBox构建

时间:2013-06-26 23:04:19

标签: javascript svg

我正在尝试使用多个路径元素从正确显示的svg(svg1)复制svg路径。我基本上尝试通过创建一个新的svg元素(svg2)并附加路径来复制一个路径。但我遇到的问题是我复制到svg2的路径很大,我想在svg1中将它调到适当的大小。

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

1 个答案:

答案 0 :(得分:1)

我假设您从“javascript”标记中添加了您尝试从javascript执行此操作的内容吗?

我认为没有DOM功能,所以你需要自己遍历“d”属性中的coords。如果你可以假设没有“a / A”,“v / V”或“h / H”路径命令,那么读取每对X,Y坐标并跟踪最小和最大X和Y.然后创建那些你的viewBox。

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