SVG <circle>

Thẻ <circle> được sử dụng để tạo một vòng tròn.

Thẻ <circle>

Thẻ <circle> được sử dụng để tạo một vòng tròn.

Vui lòng sao chép mã dưới đây vào sổ ghi chú, sau đó lưu tệp dưới dạng "circle1.svg". Đặt tệp này vào thư mục web của bạn:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Giải thích mã:

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

Thuộc tính r xác định bán kính của vòng tròn.

Xem ví dụ