| Voltar |
SVG(Scalable Vector Graphics)O SVG é uma linguagem gráfica padrão, que permite desenhar páginas web com alta resolução gráfica, incluindo elementos sofisticados tais como: declives, fontes embutidas, transparências, animação e efeitos de filtro, usando comandos de texto. O SVG é baseado em XML(Extensible Markup Language), e foi desenvolvido pelo grupo de trabalho da World Wide Web Consortium (W3C). São membros do grupo de trabalho da W3C a Adobe, Apple, Macromedia, Hp, entre outros. O SVG é uma linguagem ainda em desenvolvimento não existindo uma base suficientemente estável e definida para se poder apresentar, visto estar sempre em continua evolução. Partindo deste principio não se pretende apresentar a tecnologia ou a sua especificação, mas dar a conhecer as suas capacidades e limites, de maneira a demonstrar em que é que esta tecnologia vai alterar o estado actual do desenvolvimento Web e as suas vantagens ou desvastagens. Capacidades e Limitações do SVG Em geral, o SVG é um formato gráfico vectorial que no seu estado nativo é inteiramente dedicado a bases vectoriais. Linhas, preenchimentos, gradientes e texto. O SVG é também extensível no sentido em que suporta extensões com capacidades de filtrar, e pode ser expansível de uma maneira modular através de outras aplicações XML. Por exemplo, trabalha com scripting, eventos e modelos de objectos definidos pelo DOM e pode ser alterado dinamicamente com CSS, mas pode ser também integrado com qualquer coisa como animação integrada. Existem muitos sites em flash em que é quase impossível ler o texto. Com o SVG pode-se seleccionar , escalar, indexar e extrair o texto. Isto significa grandes avanços para acessibilidade, internacionalização e rendering variável em múltiplos dispositivos de output. Como é baseado em texto , scripts externos e ligações à base de dados serão capazes de seguir exactamente (quase) o modelo existente baseado em sistemas dinâmicos em HTML. Ferramentas do lado do servidor e cliente não terão problemas em trabalhar com conteúdos basedados em texto dos ficherios SVG. O SVG tem a capacidade habitual do XML em suportar objectos embutidos. Bitmaps serão disponibilizados na sintax do SVG através da tag <image>. Qualquer coisa em SVG pode ter conteúdos alternativos. Daqui retiramos duas aplicações: (1) pode-se, depois de ter um gráfico, escrever texto por cima de práticamente qualquer parte desse gráfico; (2) qualquer componente pode ser substituída por outra, dependendo das variáveis do ambiente.Por exemplo, um bitmap pode ter uma série de formatos alternativos. Se a aplicação não suportar um determinado formato ela vai experimentando outros formatos até um funcionar. Começa em GIF, se não suportar passa a JPG e assim sucessivamente.Preenchimentos: com ou sem padrões As formas podem ter ou não bordas e serem preenchidas, que por sua vez podem ser de qualquer cor, gradiente ou padrão definido pelo autor.As linhas podem ser pesadas, estilizadas e conter um padrão. As mesmas que as imagens normais. Após criado o objecto, este pode ser referenciado através de múltiplas instâncias ou no site ou noutros objectos, remodelando-os de diversas maneiras em cada instanciação.Permite agrupar diversos objectos de maneira a estilizar por grupos ao contrário do flash que o objecto já tem que vir nesse estilo. Os ficheiros SVG podem ter stylesheets ligados a eles. Isso permite ao autor um controlo de alto nível, uma vez que um stylesheet pode ser aplicado a diferentes ficheiros e também ao utilizador final permitindo-lhe optar por uma determinada maneira de ver conforme o seu gosto, mais ou menos como as templates do Word. Por que o CSS também pode esconder elementos, os stylesheets podem ser usados para alterar a visualização das páginas.Pode-se incluir XHTML no SVG. O SVG permite colocá-lo e determinar regiões de clipping para o XHTML. Se o cliente consegue fazer "render" ao SVG e não ao XHTML, então o SVG proporciona conteúdos alternativos com a tag <switch>. Elementos (objectos, formas, grupos, etc...) podem ter máscaras associadas, ou seja, pode-se mostrar apenas uma região especifica de um elemento.Como usa CSS para estilizar, o SVG permite transparências completamente escondidas, parciais ou completamente opacas. Além do uso normal das transparências, a transparência SVG é composta por gradientes e HMTL que permite por exemplo, fazer desaparecer uma caixa de um form ou outra forma vectorial. Para além do scripting do lado do servidor, o SVG trabalha com o DOM, para permitir do lado do cliente, uma programação por eventos. Ou seja, coisas como rollovers de vectores que funcionam mesmo quando se faz zoom e objectos animados que são programados ao longo do écran são suportadas. Porque o SVG partilha o espaço documental com outras coisas do DOM, as acções no mundo SVG serão capazes de comunicar independentemente com XHTML no browser (um clique num gráfico pode resultar no preenchimento de um campo de um form).Até agora, o SVG não suporta animação nativamente, mas vai depender das frameworks do XML existente para descrever o movimento. Essas frameworks são tanto procedimentais (scripting externo, o DOM) como declarativas (smil). Não, mas não será imcompatível com o SVG. Não. Isto é um standard de gráficos!. Num teste na www8 (baseado no draft publico 2 do SVG) um ficheiro do Adobe Ilustrator de 1M com bastantes objectos, padrões, gradientes e layers acabou como um ficheiro de 639K em SVG. Concluindo, a informação pode ser partida em elementos que podem ser guardados como ficheiros separados. Isto significa que bocados do ficheiro são armazenados na cache e reutilizados num qualquer número de compostos ao longo de todo o site. Como um open standart o SVG não pertence a nenhuma companhia, mas é o resultado da cooperação entre líderes industriais. Porque o SVG está disponível para qualquer companhia ou para individuais que o queiram implementar, existem aplicações de várias companhias que suportam a criação, edição e viewing do SVG. O Document Object Module (DOM) específica um conjunto de interfaces de programação para documentos XML e HTML. Define a estrutura lógica de um documento e a forma como uma aplicação lhe pode aceder e manipulá-lo. O DOM para o SVG permite uma eficiente animação de vectores gráficos através de scripting. O VML(Vector Markup Language) e o PGML(Precision Graphics Markup Language)foram propostos para serem vectores gráficos standart da w3c. O VML suporta a construção de gráficos para escritório, enquanto que o PGML suporta gráficos mais ricos, mais adaptados ao desenho profissional e à comunidade publicitária. O SVG surge para colmatar a necessidade de um formato vector gráfico standarizado que incorpore as melhores características do VML e do PGML. Diferenças Entre Formatos Vectorias (SVG) e Bitmap (GIF,JPEG) Os gráficos bitmap têm de incluir todos os pixeis necessários para mostrar uma imagem.Como resultado os ficheiros GIF e JPEG tendem a ser volumosos, são limitados muitas vezes pela baixa resolução e consomem muita largura de banda na web. O que o formato vectorial (SVG) oferece que o formato bitmap (GIF,JPEG) não oferece O SVG oferece um número importante de vantagens, tais como:
Vantagens de Uma Linguagem Gráfica Vectorial Baseada em XML O XML oferece um maior e mais sofisticado controlo estrutural que o HTML. O SVG é inteiramente baseado em XML, um facto que oferece muitas vantagens para os investigadores e utilizadores. Como os web sites tornaram-se mais complexos, oferecendo mais interactividade e sofisticação visual, os web designers necessitam de linguagens mais poderosas que o HTML. Benefícios de um Formato Vectorial Baseado em Texto Para a Web SVG e XML são baseados em texto, um facto que oferece muitas vantagens para os investigadores e utilizadores:
Através do AdobeIllustrator, pode criar escalonamento de vectores gráficos da mesma forma que cria qualquer tipo de gráfico. Não necessita de aprender a trabalhar com novo software para fazer ou usar um objecto SVG na sua página. Quando é Que os Web Browsers Vão Suportar o SVG Como uma característica standard? Ainda não foi anunciado. Sim, qualquer característica SVG que tenha sido avaliada na versão final do Adobe SVG Viewer irá trabalhar da mesma forma que quando suportada nativamente num browser compilador SVG. Como foi dito anteriormente, o SVG é uma linguagem gráfica ainda em desenvolvimento, por esta razão este trabalho centrou-se na apresentação das capacidades e limitações do SVG. Como pudemos vêr trata-se de uma linguagem poderosa que irá alterar o estado actual da Web.
|
| Voltar |