SVG

Uso dell'SVG con stili CSS esterni

Una serie di SVG puri viene caricata via ajax sottoforma di XML. Attributi e definizioni vengono tradotti e aggiunti, ed infine codificati in una stringa da attaccare all'HTML. Si poteva anche inserire direttamente gli SVG come immagini od oggetti, ma in quel caso non ci sarebbe stata la possibilità di applicare stili CSS "esterni" (che funzionano solo per <svg> inline). Da tenere a mente che l'SVG inline non è considerato dal browser come un elemento html, perciò non si possono a posteriori applicare classi o stili direttamente: per questo utilizzo un contenitore al quale applico i vari stili a cascata.

Cliccando sulle forme verrà aggiornata la favicon assegnandole il contenuto dell'svg puro relativo.

Tutte le immagini sono di mia creazione e proprietà e rappresentano silhouette di insetti ed altri animali. Il risultato è stato ottenuto con l'utilizzo di: (google), paint.NET, inkScape.