Properti direction

Properti direction mengatur arah teks yang digambar dengan metode fillText atau metode strokeText. Menerima salah satu nilai yang mungkin: ltr (kiri ke kanan), rtl (kanan ke kiri), inherit (diwarisi). Secara default nilainya adalah inherit (untuk bahasa Arab dan Ibrani akan rtl, karena mereka menulis dari kanan ke kiri, sedangkan untuk semua lainnya - ltr).

Sintaks

javascriptkonteks.direction = ltr atau rtl atau inherit;

Contoh

Mari kita tulis teks dan berikan arah yang berbeda dengan menggunakan properti direction:

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

javascriptconst 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