direction Özelliği

direction özelliği, fillText metodu veya strokeText metodu ile çizilen metnin yönünü belirler. Olası değerlerden birini alır: ltr (soldan sağa), rtl (sağdan sola), inherit (miras alır). Varsayılan değer inherit'tır (Arapça ve İbranice için rtl olacaktır, çünkü orada sağdan sola yazılır, diğer tüm diller için ise - ltr).

Sözdizimi

javascriptbağlam.direction = ltr veya rtl veya inherit;

Örnek

Bir metin yazalım ve direction özelliği ile farklı yönler belirleyelim:

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

Результат:

Ayrıca Bakınız