направление

Атрибут direction задаёт направление в строке для элемента <text> или <tspan>. Он определяет начальную и конечную точки строки текста, используемые свойствами text-anchor и inline-size. Также он может повлиять на направление расположения символов, если значение свойства unicode-bidi равно embed или bidi-override.

Он применяется только к глифам, ориентированным перпендикулярно направлению строки, что включает в себя обычный случай горизонтального латинского или арабского текста и случай узких латинских или арабских символов, повернутых на 90 градусов по часовой стрелке относительно направления строки сверху вниз.

Во многих случаях двунаправленный алгоритм Unicode автоматически генерирует желаемый результат, поэтому в этих случаях этот атрибут указывать не нужно. В других случаях, таких как при использовании языков справа налево, может быть достаточно добавить атрибут direction к внешнему элементу <svg> и позволить этому направлению унаследоваться всеми элементами текста:

Вы можете использовать этот атрибут со следующими элементами SVG:

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

<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>