Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
SVGPatternElement: 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-Schreibgeschützte Eigenschaft der SVGPatternElement-Schnittstelle spiegelt das href- oder xlink:href -Attribut des angegebenen Elements wider.
Wert
Ein SVGAnimatedString-Objekt.
Beispiele
Das Beispiel zeigt, wie das href-Attribut im <pattern>-Element ein anderes Muster (#basePattern) referenziert, um dessen Design auf ein Rechteck anzuwenden.
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- First pattern definition -->
<pattern
id="basePattern"
width="20"
height="20"
patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="10" fill="blue" />
</pattern>
<!-- Second pattern referencing the first -->
<pattern id="pattern1" href="#basePattern" />
</defs>
<rect x="50" y="50" width="100" height="100" fill="url(#pattern1)" />
</svg>
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.