SVGViewElement: viewBox 屬性
SVGViewElement 介面的只讀屬性 viewBox 反映了給定 <view> 元素的 viewBox 屬性。它代表定義 view 的 viewBox 所使用的區域的 x、y、width 和 height 值。
值
一個 SVGAnimatedRect 物件。
示例
給定以下 SVG，我們可以使用 viewBox 屬性來檢索 view 元素的 viewBox 的尺寸。
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>
我們可以訪問 viewBox 屬性。
js
const view = document.querySelector("view");
console.log(view.viewBox.baseVal); // output: DOMRect {x: 0, y: 0, width: 50, height: 50}
規範
| 規範 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGFitToViewBox__viewBox |
瀏覽器相容性
載入中…