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ă

javascriptcontext.direction = ltr sau rtl sau inherit;

Exemplu

Haideți să scriem text și să-i stabilim direcții diferite cu ajutorul proprietății direction:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptconst 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