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
kontekst.direction = ltr eller rtl eller inherit;
Eksempel
La oss skrive en tekst og gi den
forskjellige retninger ved hjelp av
egenskapen 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);
:
Se også
-
egenskapen
textBaseline,
som justerer teksten vertikalt -
egenskapen
textAlign,
som justerer teksten horisontalt