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

Lekcja 3. path, część 1: pióro i linia proste

M, L, H, V, Z — i różnica, która myli wszystkich Poprzednia lekcja skończyła się tam, gdzie kończą się kształty podstawowe. Teraz zaczyna się path — znacznik, który potrafi wszystko, co tamte, plus całą resztę. Cała jego moc siedzi w jednym atrybucie: html...