HTML5擁有豐富的繪圖功能，其中包括畫圓和畫弧。通過使用canvas標簽和JavaScript語言，我們可以輕松地實現這些功能。下面來看看如何使用HTML5畫弧的源代碼舉例：

首先，我們需要在HTML文檔中添加一個canvas標簽，用來繪制我們想要的圖形：

<canvas id="myCanvas" width="200" height="200"></canvas>

接下來，我們需要使用JavaScript來獲取canvas標簽，并在其中繪制弧形：

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.arc(100, 100, 50, 0, Math.PI * 2);
context.stroke();

在上述代碼中：

• 第一行使用document.getElementById()方法獲取canvas標簽，并將其賦值給變量canvas。
• 第二行使用canvas.getContext()方法獲取canvas的上下文對象，并將其賦值給變量context。我們使用上下文對象來繪制圖形。
• 第三行使用context.beginPath()方法開始繪制新路徑。
• 第四行使用context.arc()方法畫出一個以(100, 100)為圓心，半徑為50的圓形。
• 第五行使用context.stroke()方法將路徑繪制出來。

通過上述代碼，我們可以在canvas中畫出一個半徑為50的圓形。如果想要繪制一個弧形，只需要改變context.arc()方法的最后兩個參數，分別表示繪制的起始弧度和結束弧度。例如，繪制一個從0度到180度的弧形：

context.beginPath();
context.arc(100, 100, 50, 0, Math.PI);
context.stroke();

使用HTML5畫弧非常簡單，只需要少許JavaScript代碼就可以實現我們想要的效果。通過使用canvas標簽和JavaScript語言，我們可以實現出各種華麗的圖形，增強網頁的視覺效果。