在HTML5中，圓形的繪制可使用canvas元素。可以使用以下代碼在Canvas中繪制一個圓形：

<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 50;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 5;
context.strokeStyle = '#003300';
context.stroke();
</script>

代碼解釋：

在HTML代碼中，創建了一個canvas元素，用于繪制圓形.

使用JavaScript獲取canvas的上下文，并將圓形的中心、半徑和顏色設置為變量.

通過調用beginPath()方法啟動路徑，使用arc()方法繪制圓形.

指定圓形的顏色，填充圓形.

使用lineWidth和strokeStyle屬性設置圓形的邊框.

最后，調用stroke()方法繪制圓形的邊框.