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在某些情況下可能有點過大，但它永遠不會小於真正的邊界框。