Gli ultimi tutorial di sviluppo web
 

SVG lezione


SVG sta per Scalable Vector Graphics.

SVG definisce grafica vettoriale in formato XML.


Esempi in ogni capitolo

Con la nostra "Try it Yourself" Editor, è possibile modificare il formato SVG, e fare clic su un pulsante per visualizzare il risultato.

SVG Esempio

<html>
<body>

<h1>My first SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>
Prova tu stesso "

Che cosa si dovrebbe già sapere

Prima di continuare, si dovrebbe avere qualche conoscenza di base dei seguenti elementi:

  • HTML
  • XML di base

Se si vuole studiare queste materie prima, trovare il tutorial sul nostro home page .


Che cosa è SVG?

  • SVG sta per Scalable Vector Graphics
  • SVG è utilizzato per definire grafica vettoriale per il Web
  • SVG definisce la grafica in formato XML
  • grafica SVG non perdono alcuna qualità se sono ingrandita o ridimensionata
  • Ogni elemento ed ogni attributo nel file SVG possono essere animati
  • SVG è una raccomandazione W3C
  • SVG si integra con altri standard del W3C, come il DOM e XSL

SVG è una raccomandazione W3C

SVG 1.0 è diventato una raccomandazione del W3C il 4 settembre 2001.

SVG 1.1 è diventato una raccomandazione del W3C, il 14 gennaio 2003.

SVG 1.1 (Second Edition) è diventato una raccomandazione del W3C, il 16 agosto 2011.


SVG Vantaggi

I vantaggi di utilizzare SVG rispetto ad altri formati di immagine (come JPEG e GIF) sono:

  • Le immagini SVG possono essere creati e modificati con qualsiasi editor di testo
  • Le immagini SVG possono essere ricercati, indicizzati, script, e compressi
  • immagini SVG scalabili
  • Le immagini SVG possono essere stampate con alta qualità a qualsiasi risoluzione
  • Le immagini SVG sono stradale (and the image can be zoomed without degradation)
  • SVG è uno standard aperto
  • i file SVG sono XML puri

Il principale concorrente di SVG è Flash.

Il più grande vantaggio SVG ha oltre Flash è il rispetto di altre norme (eg XSL and the DOM) . Flash si basa sulla tecnologia proprietaria che non è open source.


Creazione di SVG Immagini

Le immagini SVG possono essere creati con qualsiasi editor di testo, ma spesso è più conveniente per creare immagini SVG con un programma di disegno, come Inkscape .