Snap.SVG：我如何使用（x，y）定位路徑對象，就像我們使用圓圈和rects一樣？

Question

我有一個SVG容器作為我的紙張填充整個頁面。 在這個容器中，我以網格圖案顯示元素。

假設每個形狀填充一個100 x 100像素大的空間，網格大500 x 500像素。 我希望在第一個單元格中有一個位置（0,0），一個在最后一個單元格中，位置（400,400）等。

而Snap.SVG允許為諸如Paper.rect和Paper.circle之類的形狀設置x和ay（或cx和cy），而對於Paper.path或Paper.polyline，似乎沒有很好的記錄方法。元素。 當然，這種行為應該是預期的，因為正如官方文檔中所指出的，Paper.polyline是用多個x和y變量定義的（而Paper.path似乎根本沒有任何變量）。 因此，僅僅設置單個x或y並期望整個形狀移動對我來說沒有意義。 但是，這是有問題的，因為我試圖多次為Paper.path定位相同的設計，而不必更改其原始路徑String。

雖然我找到了使用Path.polyline的解決方法，但它總體上不是最理想的，尤其是在擴展網格長度時。 我應用了一個映射函數，它將每個Paper.polyline坐標轉換為網格中應該結束的位置。 我打賭，對於我打印的每個形狀迭代遍歷每個坐標是一個不必要的昂貴過程，並且必須有一種方法來為整個元素本身設置全局x和y。

Answer 1

我不熟悉snap.svg，但我必須相信它提供了翻譯元素的能力，即將其移動到新的x，y位置。 通常，通過svg dom移動路徑，如...

<path transform="translate(myX myY)" d="...." />