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>
,则它不起作用)。
我有一个复杂的 svg 布局,它由 <rect>
、<path>
、<text>
等元素组成
svg 在英文版网站上显示完美,但在阿拉伯语版网站上,所有元素都稍微向右移动。
为了确定,我比较了阿拉伯语和英语版本的 svg 代码,所有转换矩阵都是相同的。
问题是由 <html>
标签 (dir = rtl) 中的 rtl 设置引起的。
我通过将 dir=ltr 设置为 svg 容器元素解决了这个问题。 (注意,如果直接将 dir=ltr 设置为 <svg>
,则它不起作用)。