Introdução a SVG

SVG é o ScalableVector Grahpics
É 2D gráficos high-end usando Tag de XML
Usa-se XML = texto do liso-vanilla
Usa o CSS denominando
É uma recomendação de W3C (padrão do =Web); 600+ pagina especs.
O primeiro esboço publicou em fevereiro 1999; V1.0 publicou em setembro 2001 (dois e o meio ano mais tarde)

Que é SVG não?

SVG não é a língua 3D gráfica como o VRML

SVG não é apropriado para criá-lo fotos (mas pode encaixar fotos em limas de SVG)

Provar Tag de SVG

Tag da forma: <line>, <rect>, <circle>, <ellipse>, <polyline>, <polygon>, <path>

Tag da pintura: <linearGradient>, <radialGradient>, <pattern>, <mask>

Tag do texto: <text>, <tspan>, <textPath>, <font>, <font-face>, <glyph>

Tag do filtro: <filter>, <feBlend>, <feFlood>, <feColorMatrix>, <feGaussianBlur>, <feMorphology><feSpotLight>

Tag do Animation: <animate>, <animateMotion>, <animateTransform>, <animateColor>, <set>

Tag variados: <image>, <symbol>, <g>, <defs>, <use>

E etc.

Vantagens e história de SVG

SVG 1.1 transformou-se recomendação de W3C em janeiro 2003.

Sun Microsystems, adôbe, Apple, IBM, e Kodak são as organizações que foram envolvidas em definir SVG.

As vantagens de usar SVG sobre outros formatos da imagem (como o JPEG e o GIF) são como segue:

As limas de SVG podem ser lidas e modificado por uma escala grande das ferramentas como o notepad
As limas de SVG são menores e mais compressíveis do que a imagem do JPEG e do GIF
As imagens de SVG são sempre scalable
As imagens de SVG podem ser imprimidas na alta qualidade em toda a definição
As imagens de SVG são também zoomable. Qualquer parte da imagem pode ser zumbida sem ter a degradação
O texto em SVG é selecionável e searchable (excelente para fazer o mapa)
Agora SVG trabalha com tecnologia de Java
SVG é um padrão aberto da fonte
As limas de SVG são limas puras de XML

O concorrente principal a SVG é flash somente.

A vantagem a mais grande SVG tem o flash excedente é a conformidade com outros padrões como XSL e o DOM. O flash confia na tecnologia proprietária que não é padrão aberto da fonte.

Um inconveniente de SVG é que não todos os browsers o suportam. Browsers de Mozilla, sustentação SVG de Firefox, e de ópera, e planta de Microsoft para suportar SVG.

O número de editores de SVG está crescendo, e o adôbe GoLive 5 sustentações SVG também.

Olhar um diretório de softwares e de serviços permitidos SVG

Para ver limas de SVG, você pode ter que instalar um encaixe tal como o visor do adôbe SVG.

Um exemplo rápido

<?xml version="1.0" standalone="no"?>
<svg width="200%" height="200%" version="1.1">

<g style="fill-opacity:0.7; stroke:black; stroke-width:0.1cm;">
<circle cx="6cm" cy="2cm" r="100" style="fill:red;" transform="translate(0,50)" />

</g>
</svg>

O/P:

Lima da visão SVG

Se seu browser não suportar limas de SVG, você terá que download um visor de SVG para ver limas de SVG.

Nota: Firefox 1.5 e a ópera 9 têm a sustentação nativa de SVG. Se você estiver usando um destes browsers, você não necessita instalar o visor de SVG.

Visor do Download SVG para LIVRE do adôbe.

” Que você deve já saber?

Antes que você continue você deve ter alguma compreensão básica da seguinte língua: