#myCanvas

textBaseline

'alphabetic'|'bottom'|'hanging'|'ideographic'|'middle'|'top'

=

ctx.moveTo(5,50); ctx.lineTo(200,50); ctx.stroke(); ctx.textBaseline=#val; ctx.font='30px Arial'; ctx.fillText('Hello World',20,50);

Canvas

❮ Previous Next ❯

Watch a demo of different values of the .

Or click a specific value to see the result:

Play more with the code in our Tryit yourself editor: Try it Yourself ❯