<ellipse>
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ử <ellipse> của SVG là một hình cơ bản SVG, được dùng để tạo các hình elip dựa trên một tọa độ tâm và cả bán kính theo trục x lẫn trục y.
Note:
Các hình elip không thể chỉ định chính xác hướng quay của hình elip (ví dụ, nếu bạn muốn vẽ một hình elip nghiêng 45 độ), nhưng có thể xoay nó bằng thuộc tính transform.
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-
Vị trí theo trục x của tâm hình elip. Kiểu giá trị: <length> | <percentage>; Giá trị mặc định:
0; Có thể hoạt ảnh: có cy-
Vị trí theo trục y của tâm hình elip. Kiểu giá trị: <length> | <percentage>; Giá trị mặc định:
0; Có thể hoạt ảnh: có rx-
Bán kính của hình elip theo trục x. Kiểu giá trị:
auto| <length> | <percentage>; Giá trị mặc định:auto; Có thể hoạt ảnh: có ry-
Bán kính của hình elip theo trục y. Kiểu giá trị:
auto| <length> | <percentage>; Giá trị mặc định:auto; Có thể hoạt ảnh: có pathLength-
Thuộc tính này cho phép chỉ định tổng chiều dài của đường dẫ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, rx và ry 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ử đó.
Ví dụ
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="100" cy="50" rx="100" ry="50" />
</svg>
Đặc tả
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # EllipseElement |
Tương thích trình duyệt
Xem thêm
- Các hình cơ bản SVG khác:
<circle>,<line>,<polygon>,<polyline>,<rect>