Webdev

SVG od podstaw - ścieżki

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).

Czytaj dalej

Transformacje SVG

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.

Czytaj dalej