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

kontekst.direction = ltr eller rtl eller inherit;

Eksempel

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

egenskaben textBaseline,
som justerer tekst lodret
egenskaben textAlign,
som justerer tekst vandret