HTML and CSS Reference
In-Depth Information
rx
e
ry
per indicare il
raggio sugli assi delle x e
delle y.
x1
e
y1
per il punto di
inizio;
x2
e
y2
per il punto di
fine.
Disegna una linea.
<line>
points
per indicare una
lista di punti con la cop-
pia (x,y), separata dallo
spazio.
Disegna un insieme di linee, tutte con-
giunte tra di loro.
<polyline>
Disegna un insieme di linee, tutte con-
giunte tra di loro. Crea sempre una figura
chiusa ricongiungendo l'ultimo punto con
il primo.
points
per indicare una
lista di punti con la cop-
pia (x,y), separata dallo
spazio.
<polygon>
d
per indicare dei coman-
di di disegno separati
dallo spazio.
Disegna una figura complessa basandosi
su elementi piĆ¹ semplici, eventualmente
chiudendola.
<path>
Tabella 10.1
- Gli shape disponibili con SVG e i loro principali attributi.
Nell'esempio 10.4
possiamo vedere un caso d'uso di alcuni di questi elementi, in cui pro-
cediamo a definire un rettangolo con i vertici arrotondati, un cerchio e un'ellisse.
Esempio 10.4
<svg width="400" height="300">
<rect fill="gray"
x="2" y="2"
rx="20" ry="50"
width="200" height="100" />
<circle fill="red"
cx="300" cy="50" r="50" />
<ellipse fill="yellow"
cx="100" cy="180"