Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
SVGMPathElement: href-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Die href-Eigenschaft der SVGMPathElement-Schnittstelle, die nur lesbar ist, spiegelt das href- oder xlink:href -Attribut des gegebenen <mpath>-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">
<path
id="motionPath"
d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80"
fill="transparent"
stroke="black" />
<circle id="circle" cx="0" cy="0" r="5" fill="blue">
<animateMotion dur="4s" repeatCount="indefinite">
<mpath href="#motionPath"></mpath>
</animateMotion>
</circle>
</svg>
js
const mpathElement = document.querySelector("mpath");
// Access the href property
console.log(mpathElement.href.baseVal); // Output: "#motionPath"
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.