Хосияти 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,
ки матнро уфуқӣ мутавозӣ мекунад