方向

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>