Ricerca…
Parametri
| Parametro | Dettagli |
|---|---|
| X | coordinata dell'asse x dell'angolo in alto a sinistra |
| y | coordinata dell'asse y dell'angolo in alto a sinistra |
| larghezza | larghezza dell'elemento <use> |
| altezza | altezza dell'elemento <use> |
| xlink: href | identificativo risorsa (si riferisce all'ID di un altro elemento) SVG 2 propone di deprecare questo e sostituirlo con un semplice attributo href |
Osservazioni
I dettagli possono essere trovati nella Raccomandazione W3C per SVG e nella nuova Raccomandazione Candidata per SVG2
Usando un'icona
L'elemento <use> viene spesso utilizzato per icone riutilizzabili, in collaborazione con l'elemento <symbol> . Questo sembra:
<svg>
<symbol viewBox="0 0 16 16" id="icon-star">
<path d="M16 6.216l-6.095-.02L7.98.38 6.095 6.196 0 6.215h.02l4.912 3.57-1.904 5.834h.02l4.972-3.59 4.932 3.59-1.904-5.815L16 6.215" />
</symbol>
</svg>
E l'elemento <use> :
<svg>
<use xlink:href="#icon-star"/>
</svg>
L'elemento <use> copia il <symbol> e lo visualizza. Puoi anche sovrascrivere gli stili sul <symbol> sui singoli elementi <use> , ad es
<style>
.red {
fill: red;
}
</style>
<svg>
<use class="red" xlink:href="#icon-star"/>
</svg>
Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow