Savybė direction

Savybė direction nurodo teksto kryptį, nupieštą naudojant metodą fillText arba metodą strokeText. Priima vieną iš galimų reikšmių: ltr (iš kairės į dešinę), rtl (iš dešinės į kairę), inherit (paveldima). Pagal nutylėjimą reikšmė yra inherit (arabų kalbai ir hebrajų kalbai bus rtl, kadangi ten rašoma iš dešinės į kairę, o visoms kitoms - ltr).

Sintaksė

kontekstas.direction = ltr arba rtl arba inherit;

Pavyzdys

Parašykime tekstą ir nustatykime jam skirtingas kryptis naudodami savybę 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);

Taip pat žiūrėkite

savybė textBaseline,
kuri lygiuoja tekstą vertikaliai
savybė textAlign,
kuri lygiuoja tekstą horizontaliai