Visão geral sobre SVG, exemplo de “internet rica” e dentro dos padrões

O pessoal do Tableless acaba de postar um exemplo de aplicação de SVG. A motivação foi o suporte que o novo Firefox 1.5 oferece para os gráficos vetoriais escalonáveis.

O SVG é o futuro para as chamadas “aplicações ricas para a internet” (RIA, coloco entre aspas por não gostar do termo), por ser gráfico baseado em texto e padrão do W3C. Isso quer dizer que, no futuro não muito distante (Vide Firefox 1.5), os navegadores rodarão a linguagem naturalmente, sem necessidade de plugins. O gráfico não perde a qualidade quando redimensionado, por isso é chamado de vetorial escalonável, e permite animações e interatividades. Lembrou alguma aplicação proprietária que você conhece?

Como muita gente (incluindo eu) não tem grandes conhecimentos sobre SVG, fui buscar no W3C mais informações sobre o assunto. Acabei decidindo traduzir para o português a visão geral do consórcio sobre a linguagem. Espero que ajude os menos iniciados.

gráficos vetoriais escalonáveis

gráficos XML para a web

SVG é a sigla em inglês para Gráficos Vetoriais Escalonáveis, uma linguagem para descrever gráficos bidimensionais e aplicações gráficas em XML.

A versão 1.1 do SVG é uma recomendação do W3C e é a atual essência de desenvolvimento do SVG. SVG 1.2 é uma especificação que está sendo desenvolvida e está disponível ainda em forma de rascunho.

Os perfis móveis do SVG: SVG Básico e SVG Minúsculo têm como alvo dispositivos de recursos limitados e são parte da plataforma 3GPP para telefones celulares de terceira geração. SVG Impresso é uma série de diretrizes par a produção de uma forma final de documento em XML adaptado para arquivamento e impressão. xXBL é uma linguagem de ligação para conteúdo SVG.

Gráficos bidimensionais em XML

Está é a versão oficial do W3C para o formato do SVG. SVG 1.1 e Perfil de SVG para dispositivos móveis são web standards (recomendações do W3C). O trabalho continua para SVG 1.2 e futuros perfis para dispositivos móveis e impressão.

“Pontos a serem observados: SVG - Gráficos Vetoriais Escalonáveis - são gráficos que podem ser renderizados sem perda de qualidade em todos os tamanhos de dispositivos” - Tim Berners-Lee, inventor da World Wide Web.

Visão geral

SVG é uma plataforma para gráficos bidimensionais. Ele tem duas partes: um arquivo baseado em XML e uma programação API para aplicações gráficas. As características chaves incluem formas, texto e gráficos encaixados, com muitos diferentes estilos de preenchimento. Ele suporta scripts através de linguagens como ECMAScript e tem suporte para animação.

SVG é usado em muitas áreas, incluindo gráficos, animações, interface com usuário, gráficos intercambiáveis, impressos e saídas de cópias difíceis, aplica~çoes móveis e design de alta qualidade.

SVG é tecnologia não-proprietária de código aberto sob os auspícios do W3C. Ele tem forte suporta na indústria; os autores das especificações incluem Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp and Sun Microsystems. Visualizadores de SVG estão instalados em mais de 100 milhões de computadores, e há um alcance amplo de suporte em muitas ferramentas proprietárias.

SVG é construído sobre muitas outros padrões de sucesso, como o XML (Gráficos SVG são baseados em texto e, por isso, fáceis de criar), JPEG e PNG para formatos de imagem, DOM para scripts e interatividade, SMIL para animações e CSS para estilos.

SVG é interoperável. O W3C disponibiliza um conjunto de provas e resultados de implementação para assegurar a conformidade.