Свойство direction - направление текста на canvas на JavaScript
Свойство 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,
которое выравниванивает текст по горизонтали