Proprietatea direction

Proprietatea direction stabilește direcția textului desenat cu metoda fillText sau metoda strokeText. Acceptă una dintre valorile posibile: ltr (de la stânga la dreapta), rtl (de la dreapta la stânga), inherit (se moștenește). În mod implicit valoarea este inherit (pentru limba arabă și ebraică va fi rtl, deoarece acolo se scrie de la dreapta la stânga, iar pentru toate celelalte - ltr).

Sintaxă

context.direction = ltr sau rtl sau inherit;

Exemplu

Haideți să scriem text și să-i stabilim direcții diferite cu ajutorul proprietății 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);

Vedeți și

proprietatea textBaseline,
care aliniază textul pe verticală
proprietatea textAlign,
care aliniază textul pe orizontală