SVGFEImageElement: href property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thehref read-only property of theSVGFEImageElement interface reflects thehref orxlink:hrefDeprecated attribute of the given<feImage> element.
Value
AnSVGAnimatedString object.
Examples
Accessing thehref property
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <defs> <filter> <!-- feImage element referencing an external image --> <feImage href="https://via.placeholder.com/150" x="0" y="0" width="150" height="150" /> </filter> </defs> <!-- Rectangle with the filter applied --> <rect x="50" y="50" width="200" height="100" fill="blue" filter="url(#image-filter)" /></svg>js
// Select the feImage elementconst feImageElement = document.querySelector("feImage");// Access the href propertyconsole.log(feImageElement.href.baseVal); // Output: "https://via.placeholder.com/150"Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |