CSS3在畫布上畫圓的方法

在CSS3中，我們可以使用border-radius屬性來繪制圓形，以下是一個簡單的例子：

HTML代碼：

<div class="circle"></div>

CSS代碼：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #333;
}

在這個例子中，我們創(chuàng)建了一個div元素，并使用CSS的border-radius屬性將其設置為50%，這將使div元素的四個角都變?yōu)閳A形，從而實現(xiàn)畫圓的效果，我們還設置了元素的寬度、高度和背景顏色。

需要注意的是，border-radius屬性不僅可以用于畫圓，還可以用于繪制橢圓，當border-radius的x軸和y軸值不相等時，就可以繪制出橢圓。

.ellipse {
  width: 200px;
  height: 100px;
  border-radius: 50% / 25%;
  background-color: #666;
}

在這個例子中，我們使用了斜杠（/）來分別設置x軸和y軸的半徑值，從而繪制出橢圓。