Property:
textBaseline:
alphabetic
bottom
hanging
ideographic
middle
top
Canvas:
your browser does not support the canvas tag
Code:
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.moveTo(5, 50);
ctx.lineTo(200, 50);
ctx.stroke();
ctx.textBaseline
= 'alphabetic'
;
ctx.font='30px Arial';
ctx.fillText('Hello World', 20, 50);
Click the property values above to see the result
W3Schools.com
- Play it