Egenskapen direction

Egenskapen direction setter retningen på tekst tegnet med metoden fillText eller metoden strokeText. Tar en av de mulige verdiene: ltr (venstre til høyre), rtl (høyre til venstre), inherit (arves). Standardverdien er inherit (for arabisk og hebraisk vil det være rtl, siden de skriver fra høyre til venstre, mens for alle andre - ltr).

Syntaks

javascriptkontekst.direction = ltr eller rtl eller inherit;

Eksempel

La oss skrive en tekst og gi den forskjellige retninger ved hjelp av egenskapen 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);

Результат:

Se også