I need to calculate my text with using JavaScript. But can't find a simple and working method. Please, help me :) Thanks in advance.
1
-
Are we referring to DOM, or Canvas?Mr. Polywhirl– Mr. Polywhirl2020-07-02 11:26:24 +00:00Commented Jul 2, 2020 at 11:26
Add a comment
|
1 Answer
Hi :) Recently I have found a really simple and handy method. Just use the Canvas.measureText() method in JavaScript to detect the text width properly:
function displayTextWidth(text, font) {
let canvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas"));
let context = canvas.getContext("2d");
context.font = font;
let metrics = context.measureText(text);
return metrics.width;
}
console.log("Text Width: " + displayTextWidth("This is demo text!", "italic 19pt verdana")); //The code and info is taken from this tutorial of W3docs.
