HTML5 實心圓代碼

在 HTML5 中，可以使用<canvas>標簽來繪制實心圓。

下面是一個簡單的 HTML5 實心圓代碼：

<canvas id="myCanvas" width="200" height="200"></canvas>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fillStyle = "red";
ctx.fill();

這個代碼定義了一個 200px x 200px 的<canvas>元素，然后使用 JavaScript 代碼獲取這個元素的上下文，然后繪制了一個半徑為 50px 的實心圓。

其中，ctx.beginPath()開始一個新的路徑；ctx.arc(x, y, r, startAngle, endAngle, anticlockwise)使用給定的中心位置（x, y）、半徑（r）、起始角度（startAngle）、終止角度（endAngle）和方向（anticlockwise）繪制一個圓弧；ctx.fillStyle = "red"設置圓的填充顏色；ctx.fill()使用當前填充樣式填充當前路徑。

您可以將代碼中的顏色和半徑值修改為您喜歡的值，以創建不同的實心圓。