如何使SVG中心浮點位於點

Question

我有一個SVG元素，我需要浮動到文檔上方，並將SVG的中心錨定到相對點。例如。那麼矩形的中心應該浮動在{左邊75％，上邊35％}以上。

我現在的CSS是這樣的：

position:absolute; 
left:75%; 
top:35%; 

，但只放SVG的左上角在這些座標。它還需要允許窗口大小調整。

一個負面的SVG翻譯可以工作，但是會產生SVG。或者我們可以翻譯成（-50，-50）而不裁剪？

對此很新，我一直在谷歌搜索幾個小時，任何幫助讚賞！

我看看這個，但這只是WebKit的：Position by center point, rather than top-left point

Answer 1

這個怎麼樣？

.center-this { 
    position: absolute; 
    left: 50%; 
    -webkit-transform: translate(-50%, 0); 
    transform: translate(-50%, 0); 
}