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

javascriptcontext.direction = ltr of rtl of inherit;

Voorbeeld

Laten we tekst schrijven en er verschillende richtingen aan geven met behulp van de eigenschap 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);

Результат:

Zie ook