giu 13 2009

Introduzione a SVG – Scalable Vector Graphics

Categoria: Grafica Webfrancesco @ 14:00
I want you be free and vectorial

Non lo sai? Esiste un formato grafico vettoriale, SVG, completamente gratuito ed integrato col web (almeno secondo gli standard W3C) . Ha le potenzialità per essere un’alternativa ad Adobe Flash.

Firefox, Opera, Chrome, Safari già lo supportano come standard. Internet Explorer alla versione 7 ancora no. Ma esiste un plugin della Adobe con il quale riuscirete a visualizzare SVG anche con IE!

La mia pagina http://nurabsal.altervista.org è completamente vettoriale e realizzata con grafica SVG. Andate a visitarla, ma soprattutto diffondete la notizia sull’SVG!

Scalable Vector Graphics abbreviato in SVG, indica una tecnologia in grado di visualizzare oggetti di grafica vettoriale e, pertanto, di gestire immagini scalabili dimensionalmente.
Più specificamente si tratta di un linguaggio derivato dall’XML, cioè di un’applicazione del metalinguaggio posto a base degli sviluppi del Web da parte del consorzio W3C, che si pone l’obiettivo di descrivere figure bidimensionali statiche e animate.

Introduzione al formato SVG

Le caratteristiche principali del formato SVG sono:

  • Vettoriale: al contrario del formato grafico raster (ad esempio Gif o Jpeg), è possibile scalare e zoommare a piacimento l’immagine SVG senza perdita di qualità.
  • Interattivo: attraverso un linguaggio di scripting è possibile rendere l’immagine SVG interattiva.
  • Dinamico: è possibile creare delle animazioni attraverso l’uso del linguaggio di animazione SMIL (Synchronized Multimedia Integration Language), un altro formato standard del W3C.
  • Open“: non è un formato proprietario, le specifiche sono liberamente consultabili sul sito del W3.
  • XML-based: permette lo sviluppo con i numerosi strumenti già esistenti per XML.
  • Testuale: è possibile creare e modificare documenti SVG con un semplicissimo editor di testo; inoltre si hanno grandi benefici in ambito Web comprimendo i file testuali.

Alcuni esempi di lavori in SVG

I seguenti oggetti sono in formato SVG, per visualizzarli se sei su Internet Explorer scarica e installa il plugin della Adobe SVG.

Per i fan del frisbee:

Ecco qui invece una simulazione di un braccio meccanico automatizzato (un braccio meccanico bedimensionale a tre link accoppiati con giunti rotoidali, in poche parole un pendolo triplo nel piano):

Conoscete le serie geometriche?

Maggiori dettagli su questi lavori in SVG su http://nurabsal.altervista.org. Ciao!

Tags:

Un Commento a “Introduzione a SVG – Scalable Vector Graphics”

  1. FireTeam » Gradienti irregolari in Inkscape says:

    [...] Inkscape è un software open source di grafica vettoriale. Il suo formato di progetto è l’ SVG. Maggiori informazioni sulle caratteristiche e potenzialità di tale formato vi sono nell’articolo dedicato. [...]

Scrivi un commento