Scalable Vector Graphics são o equivalente de HTML para gráficos. Em vez de usar uma imagem, você descreve o que deseja ver - e, se quiser alterá-la depois de exibida, poderá fazer isso com um script.

Bing e Google Maps já mostram rotas usando SVG - contanto que você não esteja usando o Internet Explorer.

A Microsoft estava envolvida na especificação SVG original em 2001 (quando o W3C pediu à empresa para combinar sua proposta VML com o PGML da Adobe), mas o IE9 será a primeira vez que o Internet Explorer suporta SVG sem um plug-in.

  • Entrevista exclusiva com Steven Sinofsky da Microsoft: HTML5 não significa que você não precisa do Windows

Para a equipe do Internet Explorer, o SVG é uma das maneiras pelas quais o IE9 pode habilitar a próxima geração de aplicativos da Web, usando a aceleração de hardware GPU do DirectX para tornar o SVG mais rápido e permitir que elementos SVG interajam com a página HTML.

"Uma oportunidade para interoperabilidade"

Então, ao invés de clicar para abrir uma versão maior de uma imagem, você pode não apenas aumentar o zoom, mas também arrastar a borda da imagem para dar mais espaço na página. "O IE9 é o primeiro navegador que suporta SVG inline em HTML pronto para uso", diz o gerente de programa sênior John Hrvatin..

"Vemos uma oportunidade de interoperabilidade", disse-nos Patrick Dengler, gerente de programas sênior, "mas também uma oportunidade fantástica de acelerar o Windows e o hardware e criar uma ótima experiência gráfica".

Isso aparece na velocidade das operações, como usar o canal alfa para compor várias imagens ou adicionar transparência, diz o Gerente de Programa de Liderança, Ted Johnson; "porque algumas coisas são realmente rápidas no IE 9 e não em outros navegadores tem muito a ver com a mistura alfa e a GPU fazendo isso tão rápido quanto a tela pode restaurar comparado a fazer isso no software.

"Misturando opacidade de imagem, cores, formas - elas correm bem em cima da GPU e é apenas uma experiência incrível." Você verá a vantagem até mesmo em PCs de orçamento, ele promete; "Se você pegar até mesmo um chip gráfico de baixo custo com um processador de baixo custo como um Atom, você ainda é mais rápido na GPU, não porque a GPU é tão boa, mas porque a CPU é tão ruim!"

Infinitas possibilidades

Por que o Internet Explorer está implementando o SVG agora? Por causa do que oferece aplicativos wweb HTML5; gráficos animados por JavaScript, imagens em tamanho de pôster ou grandes planos de fundo que você pode baixar excepcionalmente rápido, miniaturas, zoom, rotação, composição alfa e mistura, transparência e imagens geralmente interativas. As imagens SVG são baixadas mais rapidamente e você pode fazer mais com elas na página da web.

A equipe do IE tem conversado com os desenvolvedores sobre o tipo de aplicativos que eles querem criar e eles nos mostraram as imagens de um protótipo do aplicativo da web de e-mail que mostraria imagens incorporadas na caixa de entrada, com cantos arredondados e sombreamentos; As bordas realçam as principais informações, como o seu próximo compromisso e as solicitações de reunião chegam com mapas que permitem aumentar o zoom e obter um caminho animado para o quarto que você precisa.

Apenas alguns dos recursos do SVG planejados para a versão final estão na pré-visualização. A exibição de formas, caminhos e textos básicos é totalmente implementada; estrutura de documentos, scripts, estilos, transformações (como formas rotativas), pintura e preenchimento são parcialmente suportados, mas eles não estão acabados e gradientes e padrões, recorte e mascaramento, e trabalhar com marcadores e símbolos virão mais tarde.

"Nós fazemos um preenchimento de cor sólida, mas não um preenchimento de padrão ainda", explicou Hrvatin; "no texto, fazemos o elemento text, mas o elemento key span que ainda não fazemos."