类似文本锚的属性,用于对齐 SVG 或 G 元素

text-anchor like property for aligning svg or g element

本文关键字:SVG 对齐 元素 用于 文本 属性      更新时间:2023-09-26

我必须对齐svgg元素,使其从指定的坐标开始或在该点结束(非常类似于text元素的text-anchor)。
是的,我可以通过translate属性来做到这一点,但我希望它像指定startend值一样简单,就像在文本的 text-anchor 属性中所做的那样。

这样的CSS属性存在吗?

No. 离你最近的可能是这样的:

svg {
   position: absolute;
   bottom: 500px;
   right: 800px;
}

这将适用于根<svg>元素,但不适用于<g>元素。