HTML |画布 fillText() 方法

fillText() 方法用于在画布上绘制填充文本。文本的默认颜色为黑色。

句法：

context.fillText(text, x, y, maxWidth);

参数：

• text：该参数指定要写在画布上的文本。
• x：此参数指定从何处开始文本的 x 坐标。
• y：此参数指定从何处结束文本的 y 坐标。
• maxWidth：此参数指定文本允许的最大宽度。它是可选的。

示例 1：

  

    
        HTML canvas fillText() Method
    

  

  
    GeeksforGeeks
  
    HTML canvas fillText() Method
  
    
    
  
    
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
        context.font = "bold 30px solid";
        context.fillText("GeeksforGeeks", 180, 100);
  
        // Create gradient
        var grad = context.createLinearGradient(0, 0, doc_id.width, 0);
        grad.addColorStop("0", "green");
        grad.addColorStop("0.5", "white");
        grad.addColorStop("1.0", "green");
        // Fill with gradient
        context.fillStyle = grad;
        context.fillText("GeeksforGeeks", 180, 120);
    

  

输出：

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

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