Текстовый элемент SVG

Опубликовано: 27 Августа, 2022

Элемент SVG <text> используется для рисования текста. Есть несколько атрибутов для настройки текста.

Синтаксис:

<text
  x="x-coordinates"
  y="y-coordinates"
  
  dx="list of lengths"
  dy="list of lengths"
  
  rotate="list of numbers"
  textlength="length"
  lengthAdjust="spacing" >
</text>

Атрибут:

  • x: координаты глифов по оси x.
  • y: координаты глифов по оси y.
  • dx: смещение по оси x.
  • dy: смещение по оси Y.
  • rotate: вращение глифов.
  • textlength: отображать длину текста.
  • lengthAdjust: корректировка отображаемой длины.

Пример:

Выход:

Пример: повернутый многострочный текст.

Выход: