CanvasRenderingContext2D: direction Eigenschaft

Mögliche Werte:

"ltr"

Die Textrichtung ist von links nach rechts.

"rtl"

Die Textrichtung ist von rechts nach links.

"inherit"

Die Textrichtung wird vom <canvas>-Element oder dem Document je nach Bedarf geerbt. Standardwert.

Der Standardwert ist "inherit".

Dieses Beispiel zeichnet zwei Textstücke. Der erste ist von links nach rechts, und der zweite ist von rechts nach links. Beachten Sie, dass "Hi!" in ltr zu "!Hi" in rtl wird.

HTML

<canvas id="canvas"></canvas>

JavaScript

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.font = "48px serif";
ctx.fillText("Hi!", 150, 50);
ctx.direction = "rtl";
ctx.fillText("Hi!", 150, 130);

Ergebnis

• Das Interface, das diese Eigenschaft definiert: CanvasRenderingContext2D