Property:
textAlign:
start
end
left
center
right
Canvas:
your browser does not support the canvas tag
Code:
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.strokeStyle = 'red';
ctx.moveTo(150, 20);
ctx.lineTo(150, 100);
ctx.stroke();
ctx.textAlign
= 'start'
;
ctx.fillText('Hello World', 150, 50);
Click the property values above to see the result
W3Schools.com
- Play it