Schaalbare vectorafbeeldingen zijn het equivalent van HTML voor afbeeldingen. In plaats van een afbeelding te gebruiken, beschrijf je wat je wilt zien - en als je het wilt veranderen nadat het is weergegeven, kun je dat doen met een script.

Bing en Google Maps tonen routes al met SVG - zolang u Internet Explorer niet gebruikt.

Microsoft was in 2001 betrokken bij de originele SVG-specificatie (toen het W3C het bedrijf vroeg om zijn VML-voorstel te combineren met Adobe's PGML), maar IE9 is de eerste keer dat Internet Explorer SVG zonder een plug-in ondersteunt.

  • Exclusief interview met Steven Sinofsky van Microsoft: HTML5 betekent niet dat je geen Windows nodig hebt

Voor het Internet Explorer-team is SVG een van de manieren waarop IE9 de volgende generatie web-apps kan inschakelen, met behulp van DirectX GPU hardwareversnelling om SVG snel te maken en SVG-elementen met de HTML-pagina te laten werken.

"Een kans voor interoperabiliteit"

Dus in plaats van te klikken om een ​​grotere versie van een afbeelding te openen, kunt u niet alleen inzoomen, maar de afbeeldingsrand slepen om meer ruimte op de pagina te krijgen. "IE9 is de eerste browser die SVG-inline in HTML out of the box ondersteunt", zegt senior programmamanager John Hrvatin.

"We zien een mogelijkheid tot interoperabiliteit", vertelde Senior Program Manager Patrick Dengler ons, "maar ook een fantastische kans om Windows- en hardwareversnelling te nemen en er een mooie grafische ervaring bovenop te zetten."

Dat komt tot uiting in de snelheid van bewerkingen zoals het gebruik van het alfakanaal om meerdere afbeeldingen samen te voegen of transparantie toe te voegen, zegt hoofdprogramma-manager Ted Johnson; "waarom sommige dingen echt snel zijn in IE 9 en niet in andere browsers heeft veel te maken met alpha blending en de GPU doet dat net zo snel als het scherm kan herstellen in vergelijking met dat in software.

"Het mengen van de dekking, kleuren en vormen van afbeeldingen - ze draaien direct boven op de GPU en het is gewoon een geweldige ervaring." Je ziet het voordeel zelfs op budget-pc's, belooft hij; "Als je zelfs een low-end grafische chip gebruikt met een low-end processor zoals een Atom, ben je nog steeds sneller in de GPU, niet omdat de GPU zo goed is, maar omdat de CPU zo slecht is!"

Eindeloze mogelijkheden

Waarom voert Internet Explorer nu SVG uit? Vanwege wat het HTML5 wweb-apps biedt; afbeeldingen geanimeerd door JavaScript, afbeeldingen op posterformaat of grote achtergronden die u uitzonderlijk snel kunt downloaden, miniaturen, zoomen, rotatie, alfacomstructie en overvloeiing, transparantie en over het algemeen interactieve afbeeldingen. SVG-afbeeldingen kunnen sneller worden gedownload en u kunt meer doen op de webpagina.

Het IE-team heeft met ontwikkelaars gesproken over het soort apps dat ze willen bouwen en ze hebben ons een afbeelding getoond van een prototype e-mailwebapp die ingesloten afbeeldingen in de inbox zou tonen, met afgeronde hoeken en slagschaduwen; grenzen markeren belangrijke informatie zoals uw volgende afspraak en vergaderverzoeken worden geleverd met kaarten waarmee u kunt inzoomen en een geanimeerd pad naar de kamer kunt krijgen die u nodig hebt.

Slechts enkele van de SVG-functies die zijn gepland voor de definitieve release staan ​​in de preview. Het weergeven van basisvormen, paden en tekst is volledig geïmplementeerd; documentstructuur, scripting, styling, transformaties (zoals roterende vormen), schilderen en vulling worden gedeeltelijk ondersteund, maar ze zijn nog niet voltooid en verlopen en patronen, knippen en maskeren, en het werken met markeringen en symbolen komt later.

"We doen een effen kleurvulling, maar nog geen patroonvulling", legt Hrvatin uit; "in de tekst doen we het tekstelement maar het sleutelbereikelement dat we nog niet hebben."