Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Canvas direction Property

❮ Canvas Reference

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

ValueDescription
ltrLeft-to-Rigth
rtlright-to-Left
inheritInherit 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