Inserimento di SVG

Gli SVG sono dei disegni vettoriali descritti con un linguaggio simile a quello delle pagine web. E’ possibile animarli tramite i fogli di stile e tramite JavaScript.

The Future

Per il piccolino qui sopra ho utilizzato un CSS allegato direttamente al file.

The Future

Per questo rotante ho utilizzato l’attributo animateTransform applicato direttamente al disegno.

The Future

Per questo qui sopra ho utilizzato uno script con una funzione sinusoidale. Lo script agisce tramite il DOM sull’attributo “transform” dello SVG. Ho aggiunto due bottoni che tramite eventListeners fanno partire e fermare l’animazione. Molti degli script li ho presi da qui.

Autore: Andy War

Born in Naples, 1965, lived in Princeton and France, then back to Italy. Comics. Grendizer, Star Wars, Lucky Luke. Architecture, Punk Rock. Sciattoproduzie, structures. Digital animations, running, hospitals. I live and work in Rome, married with two children.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.