如何使SVG中心浮在点上方

Question

我有一个 SVG 元素需要漂浮在文档上方，SVG 的 center 锚定到一个相对点。例如。那么矩形的中心应该浮动在 {75% from the left, 35% from the top} 之上。

我现在的 CSS 是这样的：

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

但这只会将 SVG 的 top-left 放在这些坐标处。它还需要允许调整窗口大小。

负 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);
}