esempi SVG
esempi SVG Semplici
Un semplice esempio SVG grafica:
Ecco il file in formato SVG (salvato con il file in formato SVG SVG estensione):
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>
SVG analisi del codice:
La prima riga contiene la dichiarazione XML. Si noti che la proprietà standalone! Questo attributo specifica se il file in formato SVG "sta da solo", o contiene un riferimento a un file esterno.
standalone = "no" significa che documento SVG ha un riferimento a un file esterno - in questo caso, il DTD.
La seconda e la terza linea fa riferimento alla SVG DTD esterno. Il DTD si trova in "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd". Il DTD si trova W3C, che contiene tutti gli elementi SVG ammissibili.
codice SVG <svg> elemento di partenza, tra cui girando <svg> tag e il tag di chiusura </ svg>. Questo è l'elemento principale. larghezza e altezza attributi possono impostare la larghezza e l'altezza di questo documento SVG. attributo della versione definisce la versione SVG utilizzato, xmlns attributo definisce il namespace SVG.
Il SVG <circle> viene utilizzato per creare un cerchio. cx e cy attributi definiscono il centro del cerchio coordinate xe y. Se si ignora queste due proprietà, quindi il punto è impostato su (0, 0). attributo r definisce il raggio del cerchio.
ictus e attributi ictus larghezza controlla come il contorno della forma. Abbiamo contorno del cerchio è stata impostata 2px larghe, bordi neri.
proprietà colore di riempimento si trova all'interno della forma. Abbiamo impostato il colore di riempimento di rosso.
Chiusura tag chiude l'elemento SVG radice e il documento stesso.
Nota: Tutti i tag di apertura devono avere tag di chiusura!