Egenskapen direction

Egenskapen direction ställer in riktningen för text som ritas med metoden fillText eller metoden strokeText. Tar ett av de möjliga värdena: ltr (vänster till höger), rtl (höger till vänster), inherit (ärvs). Som standard är värdet inherit (för arabiska och hebreiska blir det rtl, eftersom de skriver från höger till vänster, medan för alla andra - ltr).

Syntax

kontext.direction = ltr eller rtl eller inherit;

Exempel

Låt oss skriva text och ställa in den med olika riktningar med hjälp av egenskapen 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);

Se även

egenskapen textBaseline,
som justerar text vertikalt
egenskapen textAlign,
som justerar text horisontellt