text - SVG 文本 anchor 左上角

Question

默认情况下，SVG 中文本元素的 anchor 在左下角，但我希望它在左上角，因为我还创建了一个矩形作为文本的背景，但它显示不正确，因为文本高于矩形(因为矩形 anchor /偏移位于左上角)。有没有办法解决这个问题，所以文本和矩形都可以在相同的坐标处绘制并显示在相同的位置。

Answer 1

dominant-baseline属性/属性对我有用:

svg {
  dominant-baseline: hanging;
}