# Свойство direction

Свойство `direction` задает направление текста, нарисованного с помощью метода `fillText` или метода `strokeText`. Принимает одно из возможных значений: `ltr` (слева направа), `rtl` (справа налево), `inherit` (наследуется). По умолчанию значение равно `inherit` (для арабского языка и иврита будет `rtl`, так как там пишут справа налево, а для всех остальных - `ltr`).

## Синтаксис

`контекст.direction = ltr или rtl или inherit;`

## Пример

Давайте напишем текст и зададим ему разные направления с помощью свойства `direction`:

`<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>` `const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); ctx.font = "16px arial"; ctx.fillText("text1", 150, 50); ctx.direction = "rtl"; ctx.fillText("text1", 50, 120);`

:

## Смотрите также

- метод `textBaseline`,
  который выравниванивает текст по вертикали
- `textAlign`,
  который выравниванивает текст по горизонтали

←→
↑
en ru