HTML |画布 strokeText() 方法

我们可以在画布上绘制文本（没有填充），通过使用strokeText()方法。基本上从这个方法我们可以使用当前字体、线宽和strokeStyle属性在指定位置渲染指定文本。默认颜色文字是黑色的。
句法：

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

参数值::该方法接受上面提到和下面描述的四个参数：

• text：此参数指定将写在画布上的文本。
• x：此参数指定开始绘制文本的水平坐标，相对于画布。
• y：此参数指定开始绘制文本的垂直坐标，相对于画布。
• maxWidth：此参数指定最大可能的文本宽度。

示例 1：下面的示例说明了 strokeTex() 方法。

  

    
        HTML canvas strokeText() Method
    

  

    
         
        GeeksforGeeks 
    
         
        HTML canvas strokeText() Method 
    
        
        
        
            var c = document.getElementById("GFG");
            var ctx = c.getContext("2d");
            ctx.font = "60px Arial";
            ctx.strokeStyle = "green";
            ctx.strokeText("GeeksforGeeks", 50, 50);
        
    

  

输出：

示例 2：

  

    
        HTML canvas strokeText() Method
    

  

    
         
          GeeksforGeeks 
        
         
          HTML canvas strokeText() Method 
        
        
        
        
            var c = document.getElementById("GFG");
            var ctx = c.getContext("2d");
            ctx.font = "60px Georgia";
            ctx.strokeStyle = "blue";
            ctx.strokeText("HTML Canvas", 60, 50);
        
    

  

输出：

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

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