Sifat direction

Sifat direction menentukan arah teks yang dilukis menggunakan kaedah fillText atau kaedah strokeText. Menerima satu daripada nilai yang mungkin: ltr (kiri ke kanan), rtl (kanan ke kiri), inherit (diwarisi). Secara lalai, nilainya ialah inherit (untuk bahasa Arab dan Ibrani akan menjadi rtl, kerana mereka menulis dari kanan ke kiri, manakala untuk semua yang lain - ltr).

Sintaks

konteks.direction = ltr atau rtl atau inherit;

Contoh

Mari kita tulis teks dan tetapkan arah yang berbeza menggunakan sifat 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);

Lihat juga

sifat textBaseline,
yang menyelaraskan teks secara menegak
sifat textAlign,
yang menyelaraskan teks secara mendatar