textAlign

Автор: Евгений Рыжков Дата публикации: 17.10.2011
Последнее обновление: 01.01.1970

Определяет выравнивание текста.

Синтаксис

textAlign[=value]

Значение — один из следующих вариантов:

  • start (по умолчанию) — по правому краю;
  • end — по правому краю.
  • left — по левому краю;
  • right — по правому краю;
  • center — по центру;

Выравнивание происходит относительно указанных координат начала текста.

Значение start / left и right/ end совпадут когда к у нас направление текста ltr. И наоборот, start / right и left / end совпадут для rtl.

Пример

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
	
ctx.font = "italic bold 16px Arial";
ctx.textBaseline = "Top";
ctx.fillStyle = "blue";
ctx.fillText("Учим canvas", 40, 100);

ctx.font = "normal normal 32px Tahoma";
ctx.textAlign = "center";
ctx.strokeText("canvas оживит сайты", 300, 200);

В живую.