Egenskaben direction

Egenskaben direction angiver retningen af tekst tegnet med metoden fillText eller metoden strokeText. Accepterer en af de mulige værdier: ltr (venstre til højre), rtl (højre til venstre), inherit (arves). Som standard er værdien inherit (for arabisk og hebraisk vil det være rtl, da de skriver fra højre til venstre, og for alle andre - ltr).

Syntaks

javascriptkontekst.direction = ltr eller rtl eller inherit;

Eksempel

Lad os skrive en tekst og give den forskellige retninger ved hjælp af egenskaben 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å