SVGViewElement: viewBox 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 viewBox của giao diện SVGViewElement phản ánh thuộc tính viewBox của phần tử <view> tương ứng. Nó đại diện cho các giá trị x, y, width và height xác định vùng được sử dụng cho viewBox của view.
Giá trị
Một đối tượng SVGAnimatedRect.
Ví dụ
Với SVG sau, chúng ta có thể sử dụng thuộc tính viewBox để truy xuất kích thước viewBox cho phần tử view:
html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<view id="view1" viewBox="0 0 50 50"></view>
<circle cx="100" cy="100" r="80" fill="blue" />
</svg>
Chúng ta có thể truy cập thuộc tính viewBox:
js
const view = document.querySelector("view");
console.log(view.viewBox.baseVal); // kết quả: DOMRect {x: 0, y: 0, width: 50, height: 50}
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGFitToViewBox__viewBox |