HTML5畫橢圓的示例代碼如下：

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

上面的代碼先創建了一個200像素寬、100像素高的``元素，接著通過JavaScript獲取了這個元素的上下文對象。然后，使用`ctx.beginPath()`方法開始一個新的路徑，接著調用`ctx.ellipse()`方法畫出橢圓，最后使用`ctx.stroke()`方法繪制出橢圓的線條。

`ctx.ellipse()`方法需要傳入6個參數，分別是橢圓中心點的x、y坐標，橫軸的長度、縱軸的長度、起始角度和終止角度。其中，起始角度和終止角度都是弧度值，0表示在x軸正方向，π/2表示在y軸正方向，π表示在x軸負方向，3π/2表示在y軸負方向，2π表示回到起始點。

如果要填充橢圓的顏色，可以使用`ctx.fill()`方法，調用這個方法之前需要調用`ctx.beginPath()`方法開始一個新的路徑。 如果要改變線條顏色和寬度，可以使用`ctx.strokeStyle`和`ctx.lineWidth`屬性。

使用HTML5畫橢圓需要理解橢圓的幾何知識和Canvas API的用法，這樣才能畫出想要的形狀。