Tutoriais SVG do Maujor

:: Site sobre SVG ::

Finalidade do site

Este site foi lançado em 14/02/2011 por Maurício "Maujor" Samy Silva desenvolvedor do Site e do Blog do Maujor dedicados às CSS e aos padrões Web. Tem por finalidade difundir a SVG. Aqui você encontrará matérias comentando as especificações do W3C para a SVG e matérias explicando detalhadamente as funcionalidades da linguagem.

O que é SVG

SVG é a sigla em inglês para "Scalable Vector Graphics" que em tradução livre significa Gráfico Vetorial Escalável. Trata-se de uma linguagem de marcação que adota a sintaxe XML e se destina a criar imagens gráficas vetoriais.

Ou, dito de outra forma: SVG é uma aplicação XML destinada a criação de gráficos valendo-se do armazenamento das informações sobre o gráfico de uma forma vetorial, compacta e portável.

Tipos de gráficos

As imagens gráficas podem ser de dois tipos; mapas de bits e vetoriais.
As imagens do tipo mapa de bits também conhecidas como bitmap ou imagens rasterizadas são aquelas nas quais as informações sobre a imagem são armazenadas para cada pixel, isto é, a informação sobre cada pixel (cor, transparência, saturação, hue, etc.) componente da imagem é armazenada individualmente.

Ora, um mapa de bit é constituido por "zilhões" de bits e é enorme a quantidade de informações a armazenar. Assim, foram criadas várias formas de compactar as informações sobre imagens rasterizadas e de acordo com o tipo de compactação os arquivos de imagens receberam uma extensão, tais como, .gif, .jpg, .png que são os mais usados na Web.

Gráfico vetorial é aquele na qual as informações sobre a imagem são armazenadas em um conjunto de formas gráficas constituidas por vetores. Pense em uma imagem vetorial como uma sequência de linhas e curvas interligadas formando um contorno. Em lugar de armazenar as informações para cada pixel (como nas imagens rasterizadas) dentro do contorno a informação é armazenada para a forma criada pelo contorno como um todo, tanto seu perímetro como seu interior ou preenchimento. Uma imagem vetorial é formada por um conjunto de objetos e não de pixels.

Leia mais sobre SVG no link "Fundamentos da SVG".

Esta página foi criada em: 2011/02/01
Última modificação: 2011/05/20 20:43:48 GMT

Links relacionados

Navegação