თვისება direction

თვისება direction ადგენს ტექსტის მიმართულებას, რომელიც დახატულია მეთოდის fillText ან მეთოდის strokeText საშუალებით. იღებს ერთ-ერთ შესაძლო მნიშვნელობას: ltr (მარცხნიდან მარჯვნივ), rtl (მარჯვნიდან მარცხნივ), inherit (მემკვიდრეობით). ნაგულისხმევად მნიშვნელობა არის inherit (არაბული ენისა და ებრაულისთვის იქნება rtl, რადგან იქ წერენ მარჯვნიდან მარცხნივ, ხოლო ყველა დანარჩენისთვის - ltr).

სინტაქსი

კონტექსტი.direction = ltr ან rtl ან inherit;

მაგალითი

დავწეროთ ტექსტი და მივანიჭოთ მას სხვადასხვა მიმართულებები თვისების 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);

იხილეთ აგრეთვე

თვისება textBaseline,
რომელიც ალიგნებს ტექსტს ვერტიკალურად
თვისება textAlign,
რომელიც ალიგნებს ტექსტს ჰორიზონტალურად