Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SVG como exemplo de XML

1,915 views

Published on

SVG como exemplo de uso real de XML

Published in: Technology
  • Be the first to comment

SVG como exemplo de XML

  1. 1. <ul><li>Scalable Vector Graphics </li></ul><ul><li>um exemplo de uso de XML </li></ul>Universidade Federal do Ceará, 1 de Abril de 2008 por Edilson Ribeiro Júnio e José Maria Silveira Neto.
  2. 2. Introdução <ul><li>Este é exemplo de uso de arquivos XML em uma situação real. Escolhemos o padrão SVG por se tratar de um formato amplamente utilizado e que é um formato baseado em XML. </li></ul>
  3. 3. Cenário <ul><ul><li>Uma imagem no computador pode ser classificada como raster ou vetorial. </li></ul></ul>
  4. 4. Raster <ul><li>Uma imagem raster armazena a imagem como mapa de bits onde cada ponto do mapa (pixel) representa uma cor. Esse formato é adequado para armazenar fotografias mas é amplamente utilizado para os mais diversos usos. </li></ul>
  5. 5. Exemplo Raster
  6. 6. Vetorial <ul><li>O formato vetorial armazena uma imagem em função de primitivas gráficas como círculos, quadrados e curvas. Essas primitivas são armazenadas de em uma forma matemática paramétrica, o que permite que a imagem sofra transformações sem perder qualidade, por exemplo, ela pode sofrer escala (zoom) sem perder qualidade. </li></ul>
  7. 7. Exemplo Vetorial
  8. 8. Desafios <ul><li>Um bom formato para gráficos vetoriais precisava atender os reguintes requisitos: </li></ul><ul><li>Estrutura; é necessário escolher uma forma de organizar as entidades que representam uma imagem (as primitivas, operações e filtros). A maneira mais natural seria organizar as entidades de uma maneira hierárquica mas outras maneiras seriam possíveis. </li></ul>
  9. 9. Desafios (mais) <ul><li>Semântica: os gráficos vetoriais possuem uma forte carga semântica já que as entidades podem ser descritas (um círculo de raio 10 no ponto 20 e 30). Seria interessante preservar essa semantica no formato. </li></ul><ul><li>Interoperabilidade: parsers para abrir e fechar o formato devem ser fáceis de serem desenvolvidos ou acoplados a diversas aplicações. </li></ul>
  10. 10. Desafios (e mais) <ul><li>Tamanho: os arquivos gráficos são amplamente utilizados, geralmente em uma única aplicação pode utilizar vários arquivos gráficos. Se o formato de arquivo precisar de muito espaço as aplicações se tornaram pesadas e ocuparam muito espaço em disco. </li></ul>
  11. 11. Solução <ul><li>SVG é a sigla em inglês para Scalable Vector Graphics é um formato aberto prosto pela W3C ( World Wide Web Consortium ) para descrever arquivos gráficos vetoriais em duas dimensões, estáticos ou animados. SVG pode ser puramente declarativo ou incluir scripts e hyperlinks. </li></ul>
  12. 12. Exemplo de Código SVG <ul><li><svg xmlns=&quot;http://www.w3.org/2000/svg&quot; </li></ul><ul><li>width=&quot;467&quot; height=&quot;462&quot;> </li></ul><ul><li><rect x=&quot;80&quot; y=&quot;60&quot; width=&quot;250&quot; height=&quot;250&quot; rx=&quot;20&quot; </li></ul><ul><li>style=&quot;fill:#ff0000; stroke:#000000; stroke-width:2px;&quot; /> </li></ul><ul><li><rect x=&quot;140&quot; y=&quot;120&quot; width=&quot;250&quot; height=&quot;250&quot; rx=&quot;40&quot; </li></ul><ul><li>style=&quot;fill:#0000ff; stroke:#000000; stroke-width:2px; </li></ul><ul><li>fill-opacity:0.7;&quot; /> </li></ul><ul><li></svg> </li></ul>
  13. 13. Examplo de gráfico SVG
  14. 14. Vantagens <ul><li>Arquivos Raster podem ser embutidos em formato binário dentro de um SVG. </li></ul><ul><li>É baseado em texto. Isso torna já facilita a criação de parsers. </li></ul><ul><li>Tem suporte a Unicode. </li></ul><ul><li>Suporta estruturas dados comuns na computação como listas, registros e árvores. </li></ul>
  15. 15. Vantagens (mais) <ul><li>É aplicável para uma larga gama de tipos de imagens (mas não todas). </li></ul><ul><li>É independente de plataforma e portanto imune a mudanças de tecnologia. </li></ul><ul><li>É possível ampliar ou reduzir o formato de maneira compatível através de ajustes no esquema. </li></ul><ul><li>Sua natureza verbal propicia uma boa eficiencia com compactação. </li></ul>
  16. 16. Desvantagens <ul><li>A sintáxe do XML é redundante e em certos casos os arquivos SVG podem ser maiores se comparados com Raster. </li></ul><ul><li>Arquivos SVG podem ficar muito grandes e podem afetar a eficiencia das aplicações. </li></ul>
  17. 17. Referências <ul><li>http://en.wikipedia.org/wiki/SVG </li></ul><ul><li>http://en.wikipedia.org/wiki/Vector_graphics </li></ul><ul><li>http://en.wikipedia.org/wiki/XML </li></ul><ul><li>http://www.w3.org/2000/svg </li></ul>
  18. 18. <ul><li>Obrigado! </li></ul>Universidade Federal do Ceará, 1 de Abril de 2008

×