Eigenschap direction
De eigenschap direction bepaalt de richting
van tekst, getekend met de methode fillText
of de methode strokeText.
Accepteert een van de mogelijke waarden: ltr
(links naar rechts), rtl (rechts naar links), inherit
(geërfd). Standaard is de waarde
inherit (voor Arabisch en Hebreeuws zal dit
rtl zijn, omdat men daar van rechts naar links schrijft, en voor
alle andere talen - ltr).
Syntaxis
context.direction = ltr of rtl of inherit;
Voorbeeld
Laten we tekst schrijven en er verschillende
richtingen aan geven met behulp van
de eigenschap 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);
:
Zie ook
-
eigenschap
textBaseline,
die tekst verticaal uitlijnt -
eigenschap
textAlign,
die tekst horizontaal uitlijnt
