HTML and CSS Reference
In-Depth Information
Disegna una bezier quadratica tra il punto x,y e la posizione
attuale.
T
x,y
A
Disegna un arco dal punto attuale verso x,y.
x,y
Chiude la figura con una linea dal punto attuale al primo
punto.
z
Tabella 10.2 - I comandi messi a disposizione dall'elemento path.
Per capire il suo utilizzo, nell'esempio 10.6 vediamo come disegnare un grafico a torta for-
mato da tre path, ognuno dei quali sposta la penna in un punto, disegna due linee, traccia
una curva e chiude la figura.
Esempio 10.6
<svg width="500" height="450">
<path fill="blue"
d="M 310,402 L 213,214 L 326,35 C 454,111 468,319
310,402 z" />
<path fill="red"
d="M 3,208 L 213,214 L 326,35 C 202,-46 8,30 3,208
z"/>
<path fill="yellow"
d="M 3,208 L 213,214 L 311,400 C 177,467 3,380 3,208
z" />
</svg>
Il risultato che otteniamo รจ una torta, visibile nella figura 10.4
Search WWH ::




Custom Search