Ιδιότητα direction

Η ιδιότητα direction ορίζει την κατεύθυνση του κειμένου που σχεδιάζεται με τη μέθοδο fillText ή τη μέθοδο strokeText. Αποδέχεται μία από τις πιθανές τιμές: ltr (από αριστερά προς τα δεξιά), rtl (από δεξιά προς τα αριστερά), inherit (κληρονομείται). Από προεπιλογή η τιμή είναι inherit (για την αραβική γλώσσα και τα εβραϊκά θα είναι rtl, αφού γράφονται από δεξιά προς τα αριστερά, ενώ για όλες τις άλλες - ltr).

Σύνταξη

context.direction = ltr ή rtl ή inherit;

Παράδειγμα

Ας γράψουμε κείμενο και ας του ορίσουμε διαφορετικές κατευθύνσεις χρησιμοποιώντας την ιδιότητα direction:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

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

ctx.font = "16px arial";
ctx.fillText("text1", 150, 50);
ctx.direction = "rtl";
ctx.fillText("text1", 50, 120);

Δείτε επίσης

ιδιότητα textBaseline,
που ευθυγραμμίζει το κείμενο κάθετα
ιδιότητα textAlign,
που ευθυγραμμίζει το κείμενο οριζόντια