方向

direction 属性指定 <text> 或 <tspan> 元素的内联基线方向。它定义了一行文本的起点和终点，如 text-anchor 和 inline-size 属性所使用。它也可能影响字符的排列方向，如果 unicode-bidi 属性的值是 embed 或 bidi-override。

它只适用于垂直于内联基线方向的字形，包括通常情况下水平方向的拉丁文或阿拉伯文文本，以及相对于自上而下的内联基线方向顺时针旋转 90 度的窄单元格拉丁文或阿拉伯文字符。

在许多情况下，双向 Unicode 算法会自动产生所需的结果，因此在这种情况下不需要指定此属性。对于其他情况，例如使用从右到左的语言时，只需在最外层的 <svg> 元素中添加 direction 属性，并允许该方向继承到所有文本元素。

您可以将此属性与以下 SVG 元素一起使用。

• <textPath>
• <text>
• <tref>
• <tspan>

html,
body,
svg {
  height: 100%;
}

<svg
  viewBox="0 0 600 72"
  xmlns="http://www.w3.org/2000/svg"
  direction="rtl"
  lang="fa">
  <text x="300" y="50" text-anchor="middle" font-size="36">
    داستان SVG 1.1 SE طولا ني است.
  </text>
</svg>