A view is a defined way to view the image, like a zoom level or a detail view.
A view is a defined way to view the image, like a zoom level or a detail view.
Categories | None |
---|---|
Permitted content | Any number of the following elements, in any order: Descriptive elements |
viewBox
preserveAspectRatio
zoomAndPan
Deprecated Non-standard
viewTarget
Deprecated
<svg viewBox="0 0 300 100" width="300" height="100" xmlns="http://www.w3.org/2000/svg"> <view id="one" viewBox="0 0 100 100" /> <circle cx="50" cy="50" r="40" fill="red" /> <view id="two" viewBox="100 0 100 100" /> <circle cx="150" cy="50" r="40" fill="green" /> <view id="three" viewBox="200 0 100 100" /> <circle cx="250" cy="50" r="40" fill="blue" /> </svg>
<img src="example.svg" alt="three circles" width="300" height="100" /> <br /> <img src="example.svg#three" alt="blue circle" width="100" height="100" />
This element implements the SVGViewElement
interface.
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ViewElement |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
view |
Yes | ≤18 | 15 | No | Yes | No | Yes | Yes | 15 | No | No | Yes |
preserveAspectRatio |
No | No | No | No | No | No | No | No | No | No | No | No |
viewBox |
No | No | No | No | No | No | No | No | No | No | No | No |
viewTarget |
No | No | No | No | No | No | No | No | No | No | No | No |
zoomAndPan |
No | No | No | No | No | No | No | No | No | No | No | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/view