Les graphiques vectoriels évolutifs sont l'équivalent de HTML pour les graphiques. Au lieu d'utiliser une image, décrivez ce que vous voulez voir. Si vous souhaitez la modifier une fois qu'elle est affichée, vous pouvez le faire avec un script..

Bing et Google Maps indiquent déjà des itinéraires utilisant SVG - tant que vous n'utilisez pas Internet Explorer..

Microsoft était impliqué dans la spécification SVG d'origine en 2001 (lorsque le W3C a demandé à la société de combiner sa proposition de VML avec le PGML d'Adobe), mais IE9 sera la première fois qu'Internet Explorer prend en charge SVG sans plug-in..

  • Entretien exclusif avec Steven Sinofsky de Microsoft: HTML5 ne signifie pas que vous n'avez pas besoin de Windows

Pour l’équipe Internet Explorer, SVG est l’un des moyens par lesquels IE9 peut activer la prochaine génération d’applications Web, en utilisant l’accélération matérielle DirectX GPU pour accélérer SVG et en laissant les éléments SVG interagir avec la page HTML..

"Une opportunité pour l'interopérabilité"

Ainsi, au lieu de cliquer pour ouvrir une version plus grande d'une image, vous pouvez non seulement zoomer sur celle-ci, mais également faire glisser la bordure de l'image pour lui donner plus d'espace sur la page. "IE9 est le premier navigateur compatible HTML SVG intégré", déclare John Hrvatin, responsable de programme senior..

"Nous voyons une opportunité pour l'interopérabilité", nous a confié Patrick Dengler, responsable du programme, mais également une opportunité fantastique d'assimiler Windows et l'accélération matérielle et de superposer une belle expérience graphique. "

Cela se traduit par la rapidité des opérations telles que l’utilisation du canal alpha pour composer plusieurs images ou ajouter de la transparence, explique Ted Johnson, responsable du programme en chef. "pourquoi certaines choses sont vraiment rapides dans IE 9 et pas dans d'autres navigateurs a beaucoup à voir avec la fusion alpha et le GPU le faire aussi rapidement que l'écran peut restaurer par rapport au logiciel.

"Le mélange d'opacité d'image, de couleurs et de formes - elles se déroulent au-dessus du processeur graphique et il s'agit simplement d'une expérience incroyable." Vous verrez l'avantage même sur les ordinateurs budgétaires, promet-il; "Si vous prenez des puces graphiques bas de gamme avec un processeur bas de gamme, comme un Atom, vous restez encore plus rapide dans le GPU, non pas parce que le GPU est si bon, mais parce que le processeur est si mauvais!"

Des possibilités infinies

Pourquoi Internet Explorer implémente-t-il SVG maintenant? En raison de ce qu’il offre HTML5 applications Web; des graphismes animés par JavaScript, des images de la taille d'une affiche ou des arrière-plans volumineux que vous pouvez télécharger avec une rapidité exceptionnelle, les vignettes, le zoom, la rotation, la composition alpha et la fusion, la transparence et les images généralement interactives. Les images SVG se téléchargent plus rapidement et vous pouvez en faire plus dans la page Web..

L’équipe IE a discuté avec les développeurs du type d’applications qu’ils souhaitaient créer et nous a présenté les images d’un prototype d’application Web de messagerie qui afficherait des images incorporées dans la boîte de réception, avec des coins arrondis et des ombres portées; les bordures mettent en évidence des informations clés telles que votre prochain rendez-vous et les demandes de réunion arrivent avec des cartes qui vous permettent d'effectuer un zoom avant et d'obtenir un chemin animé vers la salle dont vous avez besoin.

Seules certaines des fonctionnalités SVG prévues pour la version finale sont dans l'aperçu. L'affichage des formes de base, des chemins et du texte est entièrement mis en œuvre; la structure, les scripts, le style, les transformations (comme la rotation de formes), la peinture et le remplissage sont en partie pris en charge, mais ils ne sont pas finis et les dégradés et les modèles, le découpage et le masquage, ainsi que le travail avec des marqueurs et des symboles viendront plus tard.

"Nous faisons un remplissage de couleur unie, mais pas encore un motif", a expliqué Hrvatin; "dans le texte, nous faisons l’élément text mais l’élément clé que nous ne faisons pas encore."