如何在 HTML5 中使用 Canvas 绘制图形？

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

注意：这个标签是 HTML5 中的新标签。

句法：

 Contents... 

示例 1：

输出：

示例 2：

  

    
        How to Draw Graphics 
        using Canvas in HTML5?
    

  

    
    
  
    
        var c = document.getElementById("geeks");
        var cx = c.getContext("2d");
        cx.beginPath();
        cx.arc(100, 100, 90, 0, 2 * Math.PI);
        cx.stroke(); 
    

  

输出：

支持的浏览器：

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