Īpašība direction

Īpašība direction nosaka virzienu tekstam, kas uzzīmēts ar metodi fillText vai metodi strokeText. Pieņem vienu no iespējamām vērtībām: ltr (no kreisās uz labo), rtl (no labās uz kreiso), inherit (mantots). Pēc noklusējuma vērtība ir inherit (arābu valodai un ivritā būs rtl, jo tur raksta no labās uz kreiso, bet visām pārējām - ltr).

Sintakse

javascriptkonteksts.direction = ltr vai rtl vai inherit;

Piemērs

Uzrakstīsim tekstu un piešķirsim tam dažādus virzienus, izmantojot īpašību 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);

Результат:

Skatiet arī