SVGRectElement: ry property
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.
Thuộc tính chỉ đọc ry của giao diện SVGRectElement mô tả độ cong theo chiều dọc của các góc hình chữ nhật SVG dưới dạng SVGAnimatedLength. Độ dài tính theo đơn vị hệ tọa độ người dùng dọc theo trục y. Cú pháp của nó giống với cú pháp của <length>.
Thuộc tính này phản ánh thuộc tính trình bày ry của phần tử <rect>. Thuộc tính CSS ry được ưu tiên hơn thuộc tính trình bày ry của SVG, vì vậy giá trị có thể không phản ánh kích thước thực tế của các góc bo tròn. Giá trị mặc định là 0, tức là hình chữ nhật có góc vuông.
Giá trị
Một SVGAnimatedLength.
Ví dụ
Với SVG sau:
<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="60" height="60" rx="15" ry="15" />
<rect x="60" y="0" width="60" height="60" rx="15%" ry="15%" />
</svg>
Chúng ta có thể truy cập các giá trị tính toán của các thuộc tính ry:
const rectangles = document.querySelectorAll("rect");
const rySize0 = rectangle[0].ry;
const rySize1 = rectangle[1].ry;
console.log(rySize0.baseVal.value); // output: 15 (giá trị của `ry`)
console.log(rySize1.baseVal.value); // output: 30 (15% của 200)
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGRectElement__ry |