ContextQMD
Back to Content

SVGImageElement

files/en-us/web/api/svgimageelement/index.md

latest2.2 KB
Original Source

{{APIRef("SVG")}}

The SVGImageElement interface corresponds to the {{SVGElement("image")}} element.

{{InheritanceDiagram}}

Instance properties

This interface also inherits properties from its parent, {{domxref("SVGGraphicsElement")}}.

  • {{domxref("SVGImageElement.crossOrigin")}}
    • : A string reflecting the {{SVGAttr("crossorigin")}} content attribute, which represents the CORS setting of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.decoding")}}
    • : Represents a hint given to the browser on how it should decode the image.
  • {{domxref("SVGImageElement.height")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("height")}} attribute of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.href")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedString")}} corresponding to the {{SVGAttr("href")}} or {{SVGAttr("xlink:href")}} {{deprecated_inline}} attribute of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.preserveAspectRatio")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedPreserveAspectRatio")}} corresponding to the {{SVGAttr("preserveAspectRatio")}} attribute of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.width")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("width")}} attribute of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.x")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("x")}} attribute of the given {{SVGElement("image")}} element.
  • {{domxref("SVGImageElement.y")}} {{ReadOnlyInline}}
    • : An {{domxref("SVGAnimatedLength")}} corresponding to the {{SVGAttr("y")}} attribute of the given {{SVGElement("image")}} element.

Instance methods

This interface also inherits methods from its parent interface, {{domxref("SVGGraphicsElement")}}.

  • {{domxref("SVGImageElement.decode()")}}
    • : Initiates asynchronous decoding of the image data. Returns a {{jsxref("Promise")}} which resolves once the image data is ready to be used.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}