SVG单位系统与预期不同

Question

在DOM的屏幕快照中，您可以看到以数字623结尾的文本的x值为160。但是，当我检查文本时，something something的长度为126.08px（在数字之前呈现）（请参见第二个屏幕截图）。这意味着我在右侧翻译160px的文本实际上不在右侧160px。从this article中，我了解到，除非提供了视口，否则一个用户单位应等于一个屏幕单位，但是显然这里不是这种情况。为什么是这样？谢谢！如果有必要，我正在使用React。

Answer 1

您要将“文本锚定”设置为“结束”，这最终会将文本向左移动。将其设置为“开始”（或可能完全跳过它），您应该会看到预期的行为。