如何使用 HTML 指定画布的宽度和高度？

HTML 中的 标签用于使用 JavaScript 在网页上绘制图形。它可用于绘制路径、框、文本、渐变和添加图像。默认情况下，它不包含边框和文本。

句法：

 HTML Contents... 

属性： canvas 标签有两个属性，如下所示。

• height：该属性用于设置画布的高度。
• width：该属性用于设置画布的宽度。

示例 1：

HTML

  

    

        GeeksforGeeks
    
    

        How to specify the width
        and height of the canvas?
    
  
    
    

输出：

示例 2：

HTML

  

    
        GeeksforGeeks
    
    
        How to specify the width
        and height of the canvas?
    
  
    
    
  
    
        var canvas = document.getElementById("canvasID");
        // Getting a drawing context in the canvas
        var context = canvas.getContext("2d");
        context.beginPath();
        context.arc(100, 100, 90, 0, 2 * Math.PI);
        context.stroke(); 
    

  

输出：