ry
Thuộc tính ry xác định bán kính trên trục y.
Bạn có thể dùng thuộc tính này với các phần tử SVG sau:
Ví dụ
<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="50" cy="50" ry="0" rx="25" />
<ellipse cx="150" cy="50" ry="25" rx="25" />
<ellipse cx="250" cy="50" ry="50" rx="25" />
<rect x="20" y="120" width="60" height="60" ry="0" rx="15" />
<rect x="120" y="120" width="60" height="60" ry="15" rx="15" />
<rect x="220" y="120" width="60" height="60" ry="150" rx="15" />
</svg>
ellipse
Với <ellipse>, ry xác định bán kính theo trục y của hình. Với giá trị nhỏ hơn hoặc bằng 0, ellipse sẽ không được vẽ.
| Giá trị |
<length>
|
<percentage>
| auto
|
|---|---|
| Giá trị mặc định | auto |
| Có thể animate | Có |
Note:
Bán kính theo trục y của <ellipse> cũng có thể được xác định bằng thuộc tính hình học ry. Nếu được đặt trong CSS, giá trị thuộc tính ry sẽ ghi đè giá trị thuộc tính ry.
rect
Với <rect>, ry xác định bán kính theo trục y của ellipse được dùng để bo tròn các góc của hình chữ nhật.
Cách giá trị của thuộc tính ry được diễn giải phụ thuộc vào cả thuộc tính rx và chiều rộng của hình chữ nhật:
- Nếu có giá trị được chỉ định đúng cho
rynhưng không chorx(hoặc ngược lại), thì trình duyệt sẽ coi giá trị bị thiếu bằng với giá trị đã được xác định. - Nếu cả
rylẫnrxđều không có giá trị được chỉ định đúng, thì trình duyệt sẽ vẽ một hình chữ nhật có các góc vuông. - Nếu
rylớn hơn một nửa chiều rộng của hình chữ nhật, thì trình duyệt sẽ coi giá trị củarybằng một nửa chiều rộng của hình chữ nhật.
| Giá trị |
<length>
|
<percentage>
| auto
|
|---|---|
| Giá trị mặc định | auto |
| Có thể animate | Có |
Note:
Độ cong dọc ở các góc của <rect> cũng có thể được xác định bằng thuộc tính hình học ry. Nếu được đặt trong CSS, giá trị thuộc tính ry sẽ ghi đè giá trị thuộc tính ry.
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # RY |
Xem thêm
- Thuộc tính CSS
ry