Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
SVGTextPathElement: href-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die href-Eigenschaft der SVGTextPathElement-Schnittstelle gibt das href-Attribut (oder das veraltete xlink:href-Attribut) des angegebenen <textPath>-Elements wieder.
Wert
Ein SVGAnimatedString-Objekt.
Beispiele
Zugriff auf die href-Eigenschaft
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
<defs>
<path id="myPath" d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" />
</defs>
<text font-size="20" fill="blue">
<textPath id="myTextPath" href="#myPath">
This text follows a path!
</textPath>
</text>
</svg>
js
const textPath = document.getElementById("myTextPath");
// Access the href property
console.log(textPath.href.baseVal); // Output: "#myPath"
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Siehe auch
- SVG
href-Attribut