Canvas direction Property
Example
ctx.font = "24px serif";
ctx.direction = "ltr";
ctx.fillText("W3Schools", 150, 50);
ctx.direction = "rtl";
ctx.fillText("W3Schools", 150, 60);
Try it Yourself »
Description
The direction property specifies the direction to draw text.
The default value is inherit (inherit from the document).
Se Also:
The font Property (Set text font and size)
The fillStyle Property (Set text color/gradient)
The textAlign Property (Set text baseline)
The textBaseline Property (Set text baseline)
The fillText() Method (Draw the text)
The strokeText() Method (Draw the text)
Syntax
| context.direction |
Possible Values
| Value | Description |
|---|---|
| ltr | Left-to-Rigth |
| rtl | right-to-Left |
| inherit | Inherit from the document |
Browser Support
The <canvas> element is an HTML5 standard (2014).
direction is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Canvas Reference