Measure text height on an HTML5 canvas element

To get the text height, set the font in pt −

context.font="15pt Calibri";

Now, get the height like the following −

var height = parseInt(context.font.match(/\d+/), 10);

Above we have used a match to separate the font size from font face.

George John

Published on 06-Apr-2018 11:44:41