Watch a demo of different values of the textBaseline property.
Or click a specific value to see the result:
const c = document.getElementById('myCanvas'); const ctx = c.getContext('2d'); ctx.moveTo(5,50); ctx.lineTo(200,50); ctx.stroke(); ctx.textBaseline='bottom'; ctx.font='30px Arial'; ctx.fillText('Hello World',20,50);