Introduzione a SVG

SVG � lo ScalableVector Grahpics
� 2D grafici high-end usando le modifiche di XML
Usa XML = testo della normale-vaniglia
Usa il CSS per designare
� una raccomandazione di W3C (campione del =Web); 600+ pagina spec.
La prima brutta copia ha pubblicato nel febbraio 1999; V1.0 ha pubblicato nel settembre 2001 (due ed anno mezzo pi� successivamente)

Che cosa � SVG non?

SVG non � lingua grafica 3D come il VRML

SVG non � adatto per generarli le foto (ma pu� incastonare le foto nelle lime di SVG)

Provare le modifiche di SVG

Shape Tags: <line>, <rect>, <circle>, <ellipse>, <polyline>, <polygon>, <path>

Paint Tags: <linearGradient>, <radialGradient>, <pattern>, <mask>

Text Tags: <text>, <tspan>, <textPath>, <font>, <font-face>, <glyph>

Filter Tags: <filter>, <feBlend>, <feFlood>, <feColorMatrix>, <feGaussianBlur>, <feMorphology><feSpotLight>

Animation Tags: <animate>, <animateMotion>, <animateTransform>, <animateColor>, <set>

Misc Tags: <image>, <symbol>, <g>, <defs>, <use>

And Etc.

Vantaggi e storia di SVG

SVG 1.1 si � trasformato in in raccomandazione di W3C nel gennaio 2003.

Sun Microsystems, adobe, Apple, IBM e Kodak sono le organizzazioni che sono state coinvolte nella definizione dello SVG.

I vantaggi di usando SVG sopra altre disposizioni di immagine (come il JPEG ed il GIF) sono come segue:

Le lime di SVG possono essere lette e modificate da una vasta gamma di attrezzi come il notepad
Le lime di SVG sono pi� piccole e pi� compressibili dell'immagine del GIF e del JPEG
Le immagini di SVG sono sempre scalable
Le immagini di SVG possono essere stampate in alta qualit� a tutta la risoluzione
Le immagini di SVG sono inoltre zoomable. Qualsiasi parte dell'immagine pu� essere zumata senza avere degradazione
Il testo in SVG � selettivo e reperibile (eccellente per fare programma)
Ora SVG funziona con tecnologia del Java
SVG � un campione aperto di fonte
Le lime di SVG sono lime pure di XML

Il competitore principale a SVG � flash soltanto.

Il vantaggio pi� grande SVG ha flash eccessivo � la conformit� ad altri campioni come XSL e il DOM. Il flash conta su tecnologia riservata che non � campione aperto di fonte.

Uno svantaggio di SVG � che non tutti i browsers lo sostengono. Browsers di Mozilla, supporto SVG di opera e di Firefox e programma di Microsoft per sostenere SVG.

Il numero di redattori di SVG sta sviluppando e l'adobe diventa disponibile 5 supporti SVG inoltre.

Look at a directory of SVG enabled softwares and services

Per osservare le lime di SVG, potete dovere installare un collegamento quale il visore dell'adobe SVG.

Un esempio rapido

<?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 di osservazione SVG

Se il vostro browser non sostiene le lime di SVG, dovrete trasferire un visore dal sistema centrale verso i satelliti di SVG per osservare le lime di SVG.

Nota: Firefox 1.5 e l'opera 9 hanno supporto natale di SVG. Se state usando uno di questi browsers, non dovete installare il visore di SVG.

Download SVG Viewer for FREE from Adobe.

� Che cosa dovreste gi� sapere?

Prima che continuiate dovreste avere certa comprensione di base di seguente lingua: