A direction tulajdonság

A direction tulajdonság határozza meg a fillText metódussal vagy a strokeText metódussal rajzolt szöveg irányát. A lehetséges értékek egyike: ltr (balról jobbra), rtl (jobbról balra), inherit (öröklött). Alapértelmezetten az érték inherit (az arab nyelv és a héber esetében rtl, mivel ott jobbról balra írnak, míg minden más esetben - ltr).

Szintaxis

kontextus.direction = ltr vagy rtl vagy inherit;

Példa

Írjunk szöveget és adjunk meg neki különböző irányokat a direction tulajdonság segítségével:

<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);

Lásd még

a textBaseline tulajdonság,
amely függőlegesen igazítja a szöveget
a textAlign tulajdonság,
amely vízszintesen igazítja a szöveget