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:  



Vaš preglednik ne podržava SVG.

Vaš preglednik ne podržava SVG.