CanvasRenderingContext2D: свойство direction

Свойство CanvasRenderingContext2D.direction API Canvas 2D задаёт текущее направление текста, используемое для отрисовки текста.

Возможные значения:

"ltr"

Направление текста слева направо.

"rtl"

Направление текста справа налево.

"inherit"

Направление текста наследуется от элемента <canvas> или от Document в зависимости от контекста. Значение по умолчанию.

Значение по умолчанию — "inherit".

В этом примере рисуются две части текста. Первая — слева направо, а вторая — справа налево. Обратите внимание, что "Hi!" в ltr становится "!Hi" в rtl.

HTML

<canvas id="canvas"></canvas>

JavaScript

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.font = "48px serif";
ctx.fillText("Hi!", 150, 50);
ctx.direction = "rtl";
ctx.fillText("Hi!", 150, 130);

Результат

• Интерфейс, определяющий это свойство: CanvasRenderingContext2D