Die direction-Eigenschaft
Die Eigenschaft direction legt die Schreibrichtung
des Textes fest, der mit der Methode fillText
oder der Methode strokeText gezeichnet wurde.
Akzeptiert einen der möglichen Werte: ltr
(von links nach rechts), rtl (von rechts nach links), inherit
(wird geerbt). Standardmäßig ist der Wert
inherit (für Arabisch und Hebräisch wird
rtl sein, da dort von rechts nach links geschrieben wird, und für
alle anderen - ltr).
Syntax
Kontext.direction = ltr oder rtl oder inherit;
Beispiel
Lassen Sie uns einen Text schreiben und ihm
verschiedene Schreibrichtungen mit der
Eigenschaft direction zuweisen:
<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);
:
Siehe auch
-
die Eigenschaft
textBaseline,
die den Text vertikal ausrichtet -
die Eigenschaft
textAlign,
die den Text horizontal ausrichtet