esempi SVG
Esempi online
L'esempio che segue è il codice SVG direttamente incorporato nel codice HTML.
Google Chrome, Firefox, Internet Explorer9, e Safari sono supportati.
NOTA: Il seguente esempio non verrà eseguito presso l'Opera, anche se il supporto per SVG Opera - non supporta SVG direttamente nel codice HTML.
esempi SVG
SVG forme base
Un rettangolo con gli angoli arrotondati
E ammucchiati sui tre puntini di sospensione
Definire un colore di linea, testo o di uno schema (Stoke)
Definire una larghezza di linea, di testo o di uno schema (stroke-width)
attributi di tratto-linecap definisce la fine di un percorso aperto di diversi tipi:
La definizione di una linea tratteggiata (corsa-dasharray)
Filtri SVG
feOffset - immagine Offset Blur
feOffset - in modo che le ombre nero
feOffset - colore rivestito ombreggiato
feOffset, feFlood, feComposite, feMerge e feMergeNode
SVG Gradient
gradiente lineare orizzontale da giallo a rosso ovale
gradiente lineare verticale dal giallo al rosso ovale
gradiente lineare orizzontale da giallo a un ovale rosso all'interno del testo e aggiungere
gradiente radiale dal bianco al blu ovale
gradiente radiale dal bianco al blu ovale un'altra
SVG Varie
Ripetere con 5 secondi dissolvenza rettangolo
E cambiare il colore del rettangolo diventa grande
Cambierà il colore dei tre rettangoli
Movimento lungo un percorso di testo in movimento
Lungo un percorso di movimento per spostare, ruotare e il testo scala