Computer >> Máy Tính >  >> Lập trình >> Javascript

Tính toán chiều rộng văn bản với JavaScript.


Để tính chiều rộng văn bản, hãy sử dụng Canvas.measureText () trong JavaScript. Bạn có thể thử chạy đoạn 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("Text Width: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); //
      </script>
   </body>
</html>