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

javascriptkontext.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:

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

Результат:

Se även