Page 57 - HTML per tutti

SVG (scalable vector graphic):

La spiegazione delle immagini vettoriali (svg) è molto lunga e
complessa, e sarebbe necessario scrivere un libro dedicato

solo a questo argomento. Pertanto, qui è riportata una
spiegazione molto minima, rispetto alle vere potenzialità di

questo elemento.

Una cosa importante da sapere, per capire le svg, è che non

hanno “dimensioni fisse”; o, per meglio dire, le immagini

vettoriali possono assumere qualunque dimensione senza

mai perdere di qualità.

Esistono molti programmi dedicati proprio alle immagini

vettoriali, come Adobe Illustrator o Inkscape.

In HTML, in ogni caso, la struttura la seguire è la seguente:

҇.1" 2$ /#҅ΛͮͭͭΛ # $"#/҅ΛͮͭͭΛ҈
҇ΖΧΧ '/-* * $ ΧΧ҈

҇χ.1"҈

Quindi è necessario specificare le dimensioni dell’immagine,

impostando gli attributi height e width. Al posto di quel

commento (҇ΖΧΧ '/-* * $ ΧΧ҈) bisogna inserire tutti

gli altri tag (forme geometriche, ecc.) che, di fatto, creano

l’immagine; infatti, è possibile definire l’elemento svg come

un contenitore di elementi che, uniti, formano l’immagine.

Alcuni esempi di forme geometriche (quindi i tag dentro svg):

  cciirrccllee (cerchio): specificare gli attributi ccxx (posizione x del

centro), c cyy (posizione y del centro), rr (spessore bordo),

5 511