HTML是一種用于創建網頁內容的標記語言。畫布(Canvas)是HTML5中的新特性之一，可以使我們使用JavaScript來繪制圖形。本文將介紹如何使用HTML畫布來繪制圓形圖片。

<canvas id="canvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2*Math.PI);
ctx.closePath();
ctx.clip();
var img = new Image();
img.src = "path/to/image";
img.onload = function() {
ctx.drawImage(img, 0, 0, 200, 200);
}
</script>

以上代碼在HTML中創建了一個200x200的畫布，并使用JavaScript繪制了一個半徑為50、位于(100,100)的圓形路徑。接著使用 clip() 方法將該圓形路徑設為剪切區域，使得在繪制圖片時只會出現在該區域內的部分（即圓形）。

最后，創建Image對象并設置其src屬性為待繪制的圖片路徑，在圖片加載完成后使用drawImage()方法將其繪制到畫布上。