代码之家 › 专栏 › 技术社区 › souzan

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

arabic svg

souzan · 技术社区 · 7 年前

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

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

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

1 回复 | 直到 7 年前

souzan 7 年前

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

我通过将dir=ltr设置为svg容器元素解决了这个问题(注意,如果dir=ltr设置为 <svg>

推荐文章

WebDragon · 是否可以通过在html<SVG>标签中设置特定的data-*属性来更改SVG图像中显示的文本内容?

1 年前

Paul Lovell · 为什么JavaScript中生成的SVG元素的大小与HTML中直接定义的SVG元素不同?

1 年前

man · CSS-如何具有或模拟仅适用于内部的半径边框

1 年前

McLaren · 增加笔划宽度属性后,图标将被裁剪

1 年前

docker compose · React Native中椭圆或圆角矩形视图周围的进度边界

2 年前

Lucas Martins Soares · 如何覆盖SVG图像的默认颜色?[副本]

2 年前

user2171796 · 两个M。。。Z序列相遇,背景颜色显现

2 年前

MarcelausZell · 调整svg的大小会导致额外的高度

2 年前

RaiuProGram · Svg evenoodd=“true”不起作用(用路径在Svg上打孔)

2 年前

compx · 当尝试使用Selenium选择svg时,NoSuchElements存在

2 年前