คำนวณความกว้างของข้อความด้วย JavaScript

หากต้องการคำนวณความกว้างของข้อความ ให้ใช้เมธอด Canvas.measureText() ใน JavaScript คุณสามารถลองรันโค้ดต่อไปนี้เพื่อรับความกว้างของข้อความ −

ตัวอย่าง

<!DOCTYPE html> <html>    <head>    </head>    <body>       <script>          function displayTextWidth(text, font) {             var myCanvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas"));             var context = myCanvas.getContext("2d");             context.font = font;                         var metrics = context.measureText(text);             return metrics.width;          };          document.write("Text Width: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); //       </script>    </body> </html>