The SVGImageElement interface corresponds to the <image> element.
This interface also inherits properties from its parent, SVGGraphicsElement.
SVGImageElement.x Read only
SVGAnimatedLength corresponding to the x attribute of the given <image> element.SVGImageElement.y Read only
SVGAnimatedLength corresponding to the y attribute of the given <image> element.SVGImageElement.width Read only
SVGAnimatedLength corresponding to the width attribute of the given <image> element.SVGImageElement.height Read only
SVGAnimatedLength corresponding to the height attribute of the given <image> element.SVGImageElement.preserveAspectRatio Read only
SVGAnimatedPreserveAspectRatio corresponding to the preserveAspectRatio attribute of the given <image> element.SVGImageElement.crossOriginDOMString corresponding to the crossorigin attribute of the given <image> element.This interface doesn't implement any specific methods, but inherits methods from its parent interface, SVGGraphicsElement.
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 The definition of 'SVGImageElement' in that specification. | Candidate Recommendation | Changed the inheritance from SVGElement to SVGGraphicsElement, removed the implemented interfaces SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, and SVGTransformable and added the crossOrigin property. |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'SVGImageElement' in that specification. | Recommendation | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes | Yes | ? | ? | Yes | ? |
x |
Yes | ? | ? | ? | Yes | ? |
y |
Yes | ? | ? | ? | Yes | ? |
width |
Yes | ? | ? | ? | Yes | ? |
height |
Yes | ? | ? | ? | Yes | ? |
preserveAspectRatio |
Yes | ? | ? | ? | Yes | ? |
crossOrigin |
No | ? | ? | ? | No | ? |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | Yes | Yes | ? | Yes | ? | ? |
x |
Yes | Yes | ? | ? | Yes | ? | ? |
y |
Yes | Yes | ? | ? | Yes | ? | ? |
width |
Yes | Yes | ? | ? | Yes | ? | ? |
height |
Yes | Yes | ? | ? | Yes | ? | ? |
preserveAspectRatio |
Yes | Yes | ? | ? | Yes | ? | ? |
crossOrigin |
No | No | ? | ? | No | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGImageElement