Lekcja 9. Gradienty i wzory

Wypełnienia, które są osobnymi obiektami Do tej pory fill przyjmował kolor. Teraz przyjmie coś zupełnie innego — odwołanie do obiektu zdefiniowanego gdzie indziej w pliku. To jest zmiana sposobu myślenia, nie tylko nowa składnia. Gradient nie jest...

Lekcja 8. Transformacje

translate, rotate, scale — i kolejność, która zmienia wszystko Do tej pory każdy kształt rysowaliśmy tam, gdzie miał być. Transformacje pozwalają zrobić inaczej: narysować kształt w wygodnym miejscu, a potem przesunąć go, obrócić albo przeskalować — bez ruszania...

Lekcja 7. stroke-dasharray

Jak przerwać linię i dlaczego to jest ważniejsze, niż się wydaje Przerywana linia wygląda na drobiazg dekoracyjny. W SVG jest czymś więcej: to jedyny mechanizm, który operuje na długości ścieżki, a nie na jej kształcie. Dzięki temu na nim właśnie stoi efekt...

Lekcja 6. fill i stroke

Wypełnienie, obrys i dwie rzeczy, które zaskakują wszystkich Blok o path za nami. Umiesz narysować dowolny kształt. Teraz zajmiemy się tym, jak on wygląda — a zaczniemy od dwóch właściwości, które wpisywaliśmy przez pięć lekcji bez zastanowienia....

Lekcja 5. path, część 3: łuki

A — siedem argumentów i dwie flagi, które psują wszystkim życie To ostatnia lekcja o path i zarazem najtrudniejsza komenda w całym SVG. Nie dlatego, że robi coś skomplikowanego — robi jedną prostą rzecz. Trudność bierze się stąd, że opisuje ją w sposób,...

Lekcja 4. path, część 2: krzywe

C, S, Q, T — punkty, które przyciągają linię, choć same na niej nie leżą Pióro z poprzedniej lekcji umie już chodzić po prostych. Teraz nauczy się skręcać — i to jest moment, w którym pathprzestaje mieć konkurencję. Wszystkie krzywe w SVG to krzywe Béziera....