SVG <circle>

SVG Hình tròn - <circle>

<circle> Các yếu tố được sử dụng để tạo hình tròn:

Đây là mã SVG:

Ví dụ

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Thử ngay lập tức

Giải thích mã:

• Thuộc tính cx và cy xác định tọa độ x và y của tâm tròn. Nếu bỏ qua cx và cy, tâm tròn được đặt tại (0,0)
• Thuộc tính r xác định bán kính của hình tròn. Nếu bỏ qua r, tâm hình tròn được đặt tại (0,0)