We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

# SVGImageElement

The `SVGImageElement` interface corresponds to the `<image>` element.

## Properties

This interface also inherits properties from its parent, `SVGGraphicsElement`.

`SVGImageElement.x` Read only
An `SVGAnimatedLength` corresponding to the `x` attribute of the given `<image>` element.
`SVGImageElement.y` Read only
An `SVGAnimatedLength` corresponding to the `y` attribute of the given `<image>` element.
`SVGImageElement.width` Read only
An `SVGAnimatedLength` corresponding to the `width` attribute of the given `<image>` element.
`SVGImageElement.height` Read only
An `SVGAnimatedLength` corresponding to the `height` attribute of the given `<image>` element.
`SVGImageElement.preserveAspectRatio` Read only
An `SVGAnimatedPreserveAspectRatio` corresponding to the `preserveAspectRatio` attribute of the given `<image>` element.
`SVGImageElement.crossOrigin`
A `DOMString` corresponding to the `crossorigin` attribute of the given `<image>` element.

## Methods

This interface doesn't implement any specific methods, but inherits methods from its parent interface, `SVGGraphicsElement`.

## Specifications

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

## Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes ? ? Yes ?
`x` Yes ? ? ? Yes ?
`y` Yes ? ? ? Yes ?
`width` Yes ? ? ? Yes ?
`height` Yes ? ? ? Yes ?
`preserveAspectRatio` Yes ? ? ? Yes ?
`crossOrigin` No ? ? ? No ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung 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 ? ?

Tags: