Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
href
Dashref Attribut definiert einen Link zu einer Ressource als ReferenzURL. Die genaue Bedeutung dieses Links hängt vom Kontext jedes Elements ab, das ihn verwendet.
Hinweis:Spezifikationen vor SVG 2 definierten einxlink:href Attribut, das jetzt durch dashref Attribut obsolet geworden ist. Wenn Sie frühere Browserversionen unterstützen müssen, kann das veraltetexlink:href Attribut als Fallback zusätzlich zumhref Attribut verwendet werden, z.B.<use href="some-id" xlink:href="some-id" x="5" y="5" />.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
html,body,svg { height: 100%;}<svg viewBox="0 0 160 40" xmlns="http://www.w3.org/2000/svg"> <a href="https://developer.mozilla.org/"> <text x="10" y="25">MDN Web Docs</text> </a></svg>In SVG
a
Für<a> definierthref den Speicherort des referenzierten Objekts, ausgedrückt als URL-Referenz.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
animate, animateMotion, animateTransform, set
Für die<animate>,<animateMotion>,<animateTransform> und<set> definierthref eine URL, die auf das Element verweist, welches das Ziel dieses Animationselements ist und somit über die Zeit modifiziert wird.
Die URL muss auf genau ein Ziel-Element verweisen, das in der Lage ist, das Ziel des gegebenen Animationselements zu sein. Wenn die URL auf mehrere Zielelemente verweist, das gegebene Zielelement nicht in der Lage ist, Ziel des gegebenen Animationselements zu sein oder das gegebene Zielelement nicht Teil des aktuellen Dokuments ist, wird das Animationselement kein Zielelement beeinflussen. Das Animationselement wird jedoch weiterhin normal in Bezug auf seine Zeitsteuerungseigenschaften funktionieren. Insbesondere werden TimeEvents gesendet und das Animationselement kann als Synchronisationsbasis identisch verwendet werden, wie wenn die URL auf ein gültiges Zielelement verweist.
Wenn dashref Attribut oder das veraltetexlink:href Attribut nicht angegeben wird, wird das Zielelement das unmittelbare Elternelement des aktuellen Animationselements sein. Wenn sowohlxlink:href als auchhref angegeben sind, wird der Wert des letztgenannten Attributs verwendet.
Siehe die Beschreibungen der einzelnen Animationselemente für etwaige Einschränkungen, welche Arten von Elementen Ziele bestimmter Arten von Animationen sein können.
Abgesehen von eventuell speziell in dieser Spezifikation erwähnten SVG-spezifischen Regeln ist die normative Definition für dieses Attribut dieSMIL Animation Spezifikation. Insbesondere sieheSMIL Animation: Specifying the animation target.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
feImage
Für<feImage> definierthref eine URL, die auf eine Bildressource oder auf ein Element verweist. Wenn sowohl dasxlink:href als auch dashref Attribut angegeben sind, überschreibt letzteres das erste.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
image
Für<image> definierthref eine URL, die auf das anzuzeigende Bild verweist.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
html,body,svg { height: 100%;}<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <image href="fxlogo.png" x="0" y="0" height="100" width="100" /></svg>linearGradient/radialGradient
Für<linearGradient> oder<radialGradient> definierthref eine URL, die auf ein Vorlagen-Gradientenelement verweist; um gültig zu sein, muss die Referenz auf ein anderes<linearGradient> oder<radialGradient> Element verweisen.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
mpath
Für<mpath> definierthref eine URL, die auf das<path> Element oderGrundform verweist, welches den Bewegungspfad definiert.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
pattern
Für<pattern> definierthref eine URL, die auf ein anderes<pattern> Element innerhalb des aktuellen SVG-Dokuments verweist. Alle Attribute, die auf dem referenzierten Element definiert sind, jedoch nicht auf diesem Element, werden von diesem Element geerbt. Wenn dieses Element keine Kinder hat und das referenzierte Element schon (möglicherweise aufgrund seines eigenenhref Attributs), dann erbt dieses Element die Kinder vom referenzierten Element. Das Erben kann indirekt auf beliebiger Ebene sein; wenn das referenzierte Element also Attribute oder Kinder aufgrund seines eigenenhref Attributs erbt, kann das aktuelle Element diese Attribute oder Kinder erben. Auf dem<pattern> Element ist dashref Attribut animierbar.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
script
Für<script> definierthref eine URL, die auf eine externe Ressource verweist, die den Skriptcode enthält.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Nein |
textPath
Für<textPath> definierthref eine URL, die auf das<path> Element oderGrundform verweist, auf die der Text dargestellt wird, wenn keinpath Attribut bereitgestellt wird. Auf dem<textPath> Element ist dashref Attribut animierbar.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |
use
Für<use> definierthref eine URL, die auf ein Element oder Fragment innerhalb eines SVG-Dokuments verweist, das geklont werden soll.
Das<use> Element kann auf ein komplettes SVG-Dokument verweisen, indem es einenhref Wert ohne Fragment angibt. Solche Verweise sind als Verweise auf das Wurzelelement des referenzierten Dokuments zu verstehen.
| Wert | <url> |
|---|---|
| Standardwert | Keiner |
| Animierbar | Ja |