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).
See 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