Baseline Widely available
The viewBox
read-only property of the SVGViewElement
interface reflects the viewBox
attribute of the given <view>
element. It represents the x
, y
, width
, and height
values defining the area to be used for the view
's viewBox
.
An SVGAnimatedRect
object.
Given the following SVG, we can use the viewBox
property to retrieve the dimensions of the viewBox
for a view
element:
<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>
We can access the viewBox
attribute:
const view = document.querySelector("view");
console.log(view.viewBox.baseVal); // output: DOMRect {x: 0, y: 0, width: 50, height: 50}
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4