Tính độ rộng văn bản với JavaScript

Để tính độ rộng văn bản, dùng phương thức Canvas.measureText() trong JavaScript. Bạn có thể chạy mã sau để lấy độ rộng văn bản −

Ví dụ

<!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("Độ rộng văn bản: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); //       </script>    </body> </html>