如何让SVG中心漂浮在点之上

Question

我有一个SVG元素，我需要漂浮在文档上方，SVG的 center 锚定到一个相对点。例如。那么一个矩形的中心应该从左边漂浮{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);
}