HTML | canvas measureText() 方法

measureText() 方法用于返回一个对象，该对象以像素为单位表示指定文本的宽度。此方法可用于在将文本写入画布之前获取文本的宽度。

句法：

context.measureText(text).width;

参数：

• text：该参数指定要测量的文本。

例子：

  

    
        HTML canvas measureText() Method
    

  

  
    GeeksforGeeks
  
    HTML canvas measureText() Method
  
    
    
  
    
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
        context.font = "30px solid";
        var txt = "GeeksforGeeks"
        context.fillText(txt, 180, 100);
        context.fillText("Width of GeeksforGeeks:" +
            context.measureText(txt).width, 0, 50);
    

  

输出：

支持的浏览器： HTML canvas measureText() 方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果浏览器
• 歌剧