SVG <polilyn>
SVG Polilyn - <polilyn>
Voorbeeld 1
Die <polyline>-element word gebruik om enige vorm te skep wat slegs uit reguit lyne bestaan (wat op verskeie punte verbind is):
Hier is die SVG-kode:
Voorbeeld
<svg height="200" width="500">
<polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
style="fill:none;stroke:black;stroke-width:3" />
</svg>
Kode verduideliking:
- Die punte-kenmerk definieer die lys punte (pare x- en y-koördinate) wat nodig is om die polilyn te teken
Voorbeeld 2
Nog 'n voorbeeld met net reguit lyne:
Hier is die SVG-kode:
Voorbeeld
<svg height="180" width="500">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
style="fill:white;stroke:red;stroke-width:4" />
</svg>