direction հատկությունը

direction հատկությունը սահմանում է տեքստի ուղղությունը, որը գծագրված է fillText մեթոդի կամ strokeText մեթոդի միջոցով: Ընդունում է հնարավոր արժեքներից մեկը՝ ltr (ձախից աջ), rtl (աջից ձախ), inherit (ժառանգվում է): Լռելյայն արժեքը հավասար է inherit-ի (արաբերենի և եբրայերենի դեպքում կլինի rtl, քանի որ այնտեղ գրում են աջից ձախ, իսկ մնացած բոլորի դեպքում՝ ltr):

Շարահյուսություն

context.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 հատկությունը,
որը հավասարեցնում է տեքստը հորիզոնական