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

Krug pravokutnik zvijezda HTML

 

Uključivanje SVG-a u projekt

Skip to content