CanvasRenderingContext2D: direction Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die CanvasRenderingContext2D.direction
-Eigenschaft der Canvas 2D API gibt die aktuelle Textrichtung an, die zum Zeichnen von Text verwendet wird.
Wert
Beispiele
Ändern der Textrichtung
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
html
<canvas id="canvas"></canvas>
JavaScript
js
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
Spezifikationen
Specification |
---|
HTML # dom-context-2d-direction-dev |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
direction |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Siehe auch
- Das Interface, das diese Eigenschaft definiert:
CanvasRenderingContext2D