HTML |画布 strokeRect() 方法

strokeRect() 方法用于以给定的颜色绘制矩形。笔画的默认颜色是黑色。

句法：

context.strokeRect(x, y, width, height)

参数：

• x：它存储矩形左上角的 x 坐标。
• y：存储矩形左上角的y坐标。
• 宽度：它以像素为单位存储宽度。
• 高度：它以像素为单位存储高度。

示例 1：

  

    
        HTML canvas strokeRect() Method
    

  

    
  
  
    
        var x =
            document.getElementById("GFG");
        var contex = x.getContext("2d");
        contex.strokeRect(50, 50, 350, 200);
        contex.stroke();
    
  

  

输出：

示例 2：

  

    
        HTML canvas 
      strokeRect() Method
    

  

    
  
  
    
        var x =
            document.getElementById("GFG");
        var contex =
            x.getContext("2d");
        contex.strokeStyle = "green";
        contex.strokeRect(50, 50, 350, 200);
  
        contex.strokeStyle = "red";
        contex.strokeRect(100, 100, 250, 100);
        contex.stroke();
    
  

  

输出：

支持的浏览器：

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