The textAlign property
Summary: The textAlign property can be used to stipulate whether text is left, middle or right aligned
The textAlign property sets how any text that you draw on the canvas is aligned. It
can be left, center
or right aligned. The left
/ start
and the right
/ end
values may appear to
be very similar or identical.
Examples of setting the textAlign property
These are the possible values for the setting. It should be noted that
RGraph only
uses three of these values - left
center
and right
<script>
window.onload = function ()
{
var canvas = document.getElementById("cvs");
var context = canvas.getContext('2d');
context.textAlign = 'start';
// context.textAlign = 'end';
// context.textAlign = 'left';
// context.textAlign = 'right';
// context.textAlign = 'center';
context.fillText('Some example text', 200, 25);
}
</script>