Calculate text width based on font size JavaScript <html> <body> <canvas id="my-canvas" width="300" height="130" style="border:1px solid red;"> </canvas> <script> let can = document.querySelector("#my-canvas"); let canText = can.getContext("2d"); canText.font = "20px Sans-Serif"; let text = "I Am Canvas" canText.fillText("width:" + canText.measureText(text).width,20,40); canText.fillText(text, 20, 100); </script> </body> </html> You may like these posts : Write Your Comment
Calculate text width based on font size JavaScript <html> <body> <canvas id="my-canvas" width="300" height="130" style="border:1px solid red;"> </canvas> <script> let can = document.querySelector("#my-canvas"); let canText = can.getContext("2d"); canText.font = "20px Sans-Serif"; let text = "I Am Canvas" canText.fillText("width:" + canText.measureText(text).width,20,40); canText.fillText(text, 20, 100); </script> </body> </html>
You may like these posts :