<circle>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Phần tử <circle> của SVG là một hình cơ bản SVG, dùng để vẽ hình tròn dựa trên một điểm tâm và bán kính.
Ngữ cảnh sử dụng
| Categories | Basic shape element, Graphics element, Shape element |
|---|---|
| Permitted content | Any number of the following elements, in any order: Animation elements Descriptive elements |
Thuộc tính
cx-
Tọa độ trên trục x của tâm hình tròn. Kiểu giá trị: <length> | <percentage>; Giá trị mặc định:
0; Có thể hoạt ảnh: có cy-
Tọa độ trên trục y của tâm hình tròn. Kiểu giá trị: <length> | <percentage>; Giá trị mặc định:
0; Có thể hoạt ảnh: có r-
Bán kính của hình tròn. Một giá trị nhỏ hơn hoặc bằng 0 sẽ vô hiệu hóa việc hiển thị hình tròn. Kiểu giá trị: <length> | <percentage>; Giá trị mặc định:
0; Có thể hoạt ảnh: có pathLength-
Tổng chiều dài chu vi của hình tròn, tính theo đơn vị người dùng. Kiểu giá trị: <number>; Giá trị mặc định: không có; Có thể hoạt ảnh: có
Note:
Bắt đầu từ SVG2, cx, cy, và r là Geometry Properties, nghĩa là các thuộc tính đó cũng có thể được dùng như các thuộc tính CSS cho phần tử đó.
Giao diện DOM
Phần tử này triển khai giao diện SVGCircleElement.
Ví dụ
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="50" />
</svg>
Đặc tả
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # CircleElement |
Tương thích trình duyệt
Xem thêm
- Các hình cơ bản SVG khác:
<ellipse>,<line>,<polygon>,<polyline>,<rect>