如何在 HTML5 中设置画布的高度和宽度？

canvas 元素是 HTML5 的一部分，它允许我们对 2D 形状和位图图像进行动态的、可编写脚本的渲染。借助 HTML5 画布，我们可以制作 2D 游戏、图形、动画和图像合成。 Canvas 有两种尺寸，元素的尺寸和绘图面的尺寸。元素和绘图表面的默认大小均为 300 x 150 屏幕像素。

要设置画布的高度和宽度 HTML5 有两个属性：

• 高度：借助高度属性，我们可以设置高度。
• 宽度：借助 Width 属性，我们可以设置宽度。

句法：

 HTML Contents... 

例子：

HTML

  

     Welcome To GeeksForGeeks
    Canvas Height and Width Attributes
     
    
    
      var c = document.getElementById("Canvas");
      var ctx = c.getContext("2d");
      ctx.fillStyle = "Green";
      ctx.fillRect(100, 100, 100, 100);
    

  

输出：

示例：使用 CSS 设置高度和宽度

HTML

  

    
 
       Welcome To GeeksForGeeks
    
    
Canvas Height and Width Attributes
    

  

输出：