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

konteks.direction = ltr atau rtl atau inherit;

Contoh

Mari kita tulis teks dan berikan arah yang berbeda dengan menggunakan properti 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

properti textBaseline,
yang menyelaraskan teks secara vertikal
properti textAlign,
yang menyelaraskan teks secara horizontal