თვისება direction

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

სინტაქსი

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

მაგალითი

დავწეროთ ტექსტი და მივანიჭოთ მას სხვადასხვა მიმართულებები თვისების direction საშუალებით:

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

Результат:

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

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