Xususiyat direction

direction xususiyati fillText usuli yoki strokeText usuli yordamida chizilgan matnning yo'nalishini belgilaydi. Quyidagi qiymatlardan birini qabul qiladi: ltr (chapdan o'ngga), rtl (o'ngdan chapga), inherit (meros olinadi). Standart qiymat inherit (arab va ivrit tillari uchun rtl bo'ladi, chunki u erda o'ngdan chapga yoziladi, boshqa barcha tillar uchun esa - ltr).

Sintaksis

kontekst.direction = ltr yoki rtl yoki inherit;

Misol

Keling, matn yozamiz va unga direction xususiyati yordamida turli yo'nalishlar beraylik:

<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);

Shuningdek qarang

textBaseline xususiyati,
matnni vertikal ravishda tekislaydi
textAlign xususiyati,
matnni gorizontal ravishda tekislaydi