Wcześniej zostało wprowadzone pojęcie ścieżki. W tym rozdziale omówię je szerzej. Ścieżka jest to kształt powstały z połączonych fragmentów linii, łuków i krzywych. Do dokumentu wstawiamy ją za pomocą znacznika <path>. Znacznik ten ma atrybut d, w którym określamy za pomocą odpowiednich liter sposób prowadzenia ścieżki. Każda ścieżka musi rozpoczynać się od komendy moveto (M).
Webdev
Do tej pory wszystkie figury były wyświetlane według atrybutów x i y. Teraz pokażę jak dokonać ich transformacji np. obrotu, przeskalowania, zmiany położenia. Aby dokonać transformacji należy dodać atrybut transform do odpowiedniego elementu SVG.
Będziemy teraz rozważać metody pozwalające organizować pojedynczy plik SVG. Do grupowania elementów służy znacznik <g>. Każdy element <g> może posiadać własny znacznik <decs> i <title>.
SVG posiada predefiniowane następujące kształty: <rect> prostokąt, <circle> koło, <ellipse> elipsa, <line> linia, <polyline> linia łamana, <polygon> wielokąt, <path> ścieżka.