SVG grafika

SVG elementi

Oblici:

crte <line>
pravokutnici <rect>
krugovi <circle>
elipse <elipse>
pravokutnik <rect>
putanje <path>
krivulje <curve>
lukovi <arc>
povezane linije <polyline>
poligon <polygon>

Svaki od elemenata je objekt s vlastitim parametrima čije vrijednosti zadajemo prilikom crtanja.

Oni se ponašaju kao i svaki drugi elementi HTML5 standarda, no da bi se dobio očekivani rezultat oznake se moraju staviti unutar <svg> oznake.

Putanje:

M (Move) pomakni se na zadanu točku
L (Line) nacrtaj crtu do zadane točke
H (horizontal) nacrtaj vodoravnu crtu
V (vertical) nacrtaj okomitu crtu
Q (Quadratic) nacrtaj kvadratnu krivulju
C (Cubic) nacrtaj kubnu krivulju
A (Arc) nacrtaj luk

Primjer 1: