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

javascriptkontekst.direction = ltr yoki rtl yoki inherit;

Misol

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

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

Результат:

Shuningdek qarang