Vlastnosť direction

Vlastnosť direction nastavuje smer textu nakresleného pomocou metódy fillText alebo metódy strokeText. Prijíma jednu z možných hodnôt: ltr (zľava doprava), rtl (sprava doľava), inherit (zdedené). Predvolená hodnota je inherit (pre arabský jazyk a hebrejčinu bude rtl, pretože tam píšu sprava doľava, a pre všetky ostatné - ltr).

Syntax

javascriptkontext.direction = ltr alebo rtl alebo inherit;

Príklad

Napíšme text a nastavme mu rôzne smery pomocou vlastnosti 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);

Результат:

Pozrite tiež