Propiedad direction
La propiedad direction establece la dirección
del texto dibujado con el método fillText
o con el método strokeText.
Acepta uno de los valores posibles: ltr
(izquierda a derecha), rtl (derecha a izquierda), inherit
(heredado). Por defecto el valor es
inherit (para árabe y hebreo será
rtl, ya que se escribe de derecha a izquierda, y para
todos los demás - ltr).
Sintaxis
contexto.direction = ltr o rtl o inherit;
Ejemplo
Escribamos texto y establezcamos
diferentes direcciones usando
la propiedad 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);
:
Ver también
-
propiedad
textBaseline,
que alinea el texto verticalmente -
propiedad
textAlign,
que alinea el texto horizontalmente
