HTML and CSS Reference
In-Depth Information
rx="100" ry="50"/>
</svg>
Nella figura 10.2 possiamo vedere ciò che otteniamo visualizzandolo nel browser.
Figura 10.2 - Rettangolo, cerchio ed ellisse in SVG.
Con l'esempio 10.5 vediamo invece come usare gli elementi dedicati alle linee, creando
una linea, un poligono che forma un triangolo e un multi linee.
Esempio 10.5
<svg width="400" height="300">
<line stroke="red"
stroke-width="3"
x1="10" y1="5"
x2="100" y2="50" />
<polygon fill="red"
stroke="blue"
stroke-width="1"
points="150,20 300,80 120,100"/>
<polyline points="10,190 20,190 20,120 50,120 50,190
60,190"
stroke="green"
stroke-width="4"
fill="blue" />
</svg>
Nella figura 10.3 possiamo vedere ciò che otteniamo.
 
Search WWH ::




Custom Search