Style 1

… fill:red fill:green fill:blue fill:none stroke-width:1 stroke-width:3 stroke-width:5

Riepilogo forme elementari

Da revisionare Attributi facoltativi comuni id style transform eventi …   Elemento Attributi Obbligatori Facoltativi line x1 y1 x2 y2 rect width height x y rx ry circle r cx cy ellipse rx ry cx cy polyline points polygon points

Riepilogo stili

Da revisionare Per specificare gli stili degli elementi si utilizzano le tecniche dell’HTML e dei CSS. Le unità di misura per le dimensioni (pixel px, punti pt, default em, centimetri cm, millimetri mm, pollici in) sono tutte sconsigliate, quindi scrivi solo i numeri. Attributo Valori Descrizione Forme fill … colore interno fill-opacity 0…1 0=trasparente fill-role … Leggi tutto

Struttura del file

Da revisionare Intestazione Un’intestazione completa potrebbe essere la seguente     …     … <xml> La dichiarazione xml è obbligatoria deve essere alla prima riga l’attributo version è obbligatorio version … standalone … encoding … DOCTYPE <svg> L’elemento svg è un raccoglitore di elementi contenitori: a defs glyph g marker mask missing-glyph pattern svg … Leggi tutto

Inclusione

Da revisionare: ognuna delle scelte ha pro e contro in funzione del browser Apri con… Associa i file .svg al browser Firefox, Safari, Chrome, … e potrai aprirli con un doppio clic Tag A Includi nel codice HTML un collegamento al file e l’immagine sarà aperta dal browser (se il browser non fosse aggiornato esistono … Leggi tutto