SVG <text> 在阿拉伯语版本的网站上没有对齐?

SVG <text> gets misaligned on Arabic version of site?

我有一个复杂的 svg 布局,它由 <rect><path><text> 等元素组成

svg 在英文版网站上显示完美,但在阿拉伯语版网站上,所有元素都稍微向右移动。

为了确定,我比较了阿拉伯语和英语版本的 svg 代码,所有转换矩阵都是相同的。

问题是由 <html> 标签 (dir = rtl) 中的 rtl 设置引起的。

我通过将 dir=ltr 设置为 svg 容器元素解决了这个问题。 (注意,如果直接将 dir=ltr 设置为 <svg>,则它不起作用)。