Scalable Vector Graphics
Si tratta di un linguaggio di script per la descrizione di scene grafiche 2D
- il file è puro testo, secondo lo standard XML
- tutti i browser aggiornati aprono il file SVG senza necessità di plug-in
- alcuni software grafici usano SVG nativamente (Inkscape) e molti lo prevedono come importazione/esportazione
- Amaya, batik, Blender, LibreOffice Draw, LibreOffice LibreLogo, GIMP, Illustrator, Corel Draw, Xara, …
- svg-edit (Google Code / GitHub / Prova online!)
- XML Marker, …
- le immagini possono essere rese interattive tramite codice JavaScript
Storia
- …, VML, PGML
- 2001-09, SVG 1.0
- 2003-01, SVG 1.1
- 2008-12, SVG Tiny 1.2
- …, SVG 1.1 (Second Edition)
SINTASSI / ESEMPI
Studia la sintassi SVG direttamente con gli esempi
- Inclusione dei file, struttura dei file, immersione nel codice HTML
- Stili – fogli di stile: RIEPILOGO
- Forme elementari: RIEPILOGO | line, rect | circle, ellipse | polyline, polygon
- Testi: #1 | #2 | #3 | #4
- Immagini
- Raggruppamenti: <g>
- Trasformazioni: translate, scale | rotate | skew
- Path: RIEPILOGO | linee | Bezier cubica | Bezier quadratica | archi
- Definizioni: defs, use | …
Testi e percorsi: tref | tpath- Gradienti: linear | radial
- Pattern
- Collegamenti
SVG + Javascript
SVG + SMIL
- …
SVG Examples
Tratti da (non è più online…) Croczilla.com > SVG Examples
- Circles: #1 | #2
- Ellipse: #1
- Events #1 |
#2 - Gradients: #1 | #2
- Line: #1
- Paths #1 #2
- Polygons: #1 | #2 | #3
- Rectangles: #1 | #2
- Style: #1
- …
RISORSE ONLINE
In italiano
In inglese