La grafica vettoriale scalabile è l'equivalente dell'HTML per la grafica. Invece di usare un'immagine descrivi quello che vuoi vedere - e se vuoi cambiarlo una volta che è stato visualizzato puoi farlo con uno script.

Bing e Google Maps mostrano già le rotte utilizzando SVG, a condizione che non utilizzi Internet Explorer.

Microsoft è stata coinvolta nelle specifiche originali SVG nel 2001 (quando il W3C ha chiesto alla società di combinare la sua proposta VML con il PGML di Adobe), ma IE9 sarà la prima volta che Internet Explorer supporta SVG senza plug-in.

  • Intervista esclusiva con Microsoft Steven Sinofsky: HTML5 non significa che non hai bisogno di Windows

Per il team di Internet Explorer, SVG è uno dei modi in cui IE9 può abilitare la prossima generazione di app Web, utilizzando l'accelerazione hardware della GPU DirectX per rendere SVG veloce e consentire agli elementi SVG di interagire con la pagina HTML.

"Un'opportunità di interoperabilità"

Quindi, invece di fare clic per aprire una versione più grande di un'immagine, puoi non solo ingrandirla ma trascinare il bordo dell'immagine per dargli più spazio sulla pagina. "IE9 è il primo browser che supporta SVG in linea in HTML, pronto all'uso", afferma il senior program manager John Hrvatin.

"Vediamo un'opportunità per l'interoperabilità", ci ha detto il Senior Program Manager Patrick Dengler, "ma anche una fantastica opportunità per accelerare Windows e l'hardware e aggiungere una bella esperienza grafica su di esso."

Ciò si manifesta nella velocità delle operazioni come l'utilizzo del canale alfa per comporre più immagini o aggiungere trasparenza, afferma il responsabile del programma Ted Johnson; "perché alcune cose sono davvero veloci in IE 9 e non in altri browser ha molto a che fare con l'alpha blending e la GPU fa così velocemente come lo schermo può ripristinare rispetto a farlo nel software.

"Mescolando l'opacità delle immagini, i colori, le forme, si posizionano direttamente sulla GPU ed è un'esperienza straordinaria." Vedrai il vantaggio anche sui PC budget, promette; "Se prendi anche un chip di fascia bassa con un processore di fascia bassa come un Atom sei ancora più veloce nella GPU, non perché la GPU sia così buona ma perché la CPU è così male!"

Possibilità infinite

Perché Internet Explorer implementa SVG ora? A causa di ciò che offre app wweb HTML5; grafica animata da JavaScript, immagini in formato poster o grandi sfondi che puoi scaricare eccezionalmente veloce, miniature, zoom, rotazione, compositing alfa e fusione, trasparenza e immagini generalmente interattive. Le immagini SVG vengono scaricate più rapidamente e puoi fare di più con loro nella pagina web.

Il team di IE ha parlato con gli sviluppatori del tipo di app che vogliono costruire e ci hanno mostrato le immagini di un prototipo di web app per e-mail che mostra immagini incorporate nella casella di posta, con angoli arrotondati e ombre esterne; i bordi evidenziano le informazioni chiave come il prossimo appuntamento e le richieste di riunione arrivano con mappe che consentono di ingrandire e ottenere un percorso animato per la stanza che ti serve.

Solo alcune delle funzionalità SVG pianificate per la versione finale sono nell'anteprima. La visualizzazione di forme, percorsi e testo di base è completamente implementata; struttura del documento, scripting, styling, trasformazioni (come forme rotanti), pittura e riempimento sono parzialmente supportati ma non sono finiti e gradienti e modelli, ritaglio e mascheratura, e il lavoro con marcatori e simboli arriverà più tardi.

"Facciamo un riempimento a tinta unita, ma non ancora un riempimento a motivo", ha spiegato Hrvatin; "nel testo facciamo l'elemento di testo ma l'elemento di campata chiave che non facciamo ancora."