SVGFEImageElement: href-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte href-Eigenschaft des SVGFEImageElement-Interfaces spiegelt das href oder xlink:href-Attribut ( Veraltet ) des gegebenen <feImage>-Elements wider.
Wert
Ein SVGAnimatedString-Objekt.
Beispiele
Zugriff auf die href-Eigenschaft
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <defs> <filter id="image-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 element const feImageElement = document.querySelector("feImage"); // Access the href property console.log(feImageElement.href.baseVal); // Output: "https://via.placeholder.com/150" Spezifikationen
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |