Proste kształty: koło

Pora narysować koło. Za ten kształt odpowiada znacznik:
<circle />
Zastosuj
Przywróć
Wyczyść
Przeanalizujmy atrybuty użyte w tym przykładzie:
cx="200" cy="200"
to współrzędne środka rysowanego koła zaś:
r="100"
to długość promienia. Jeśli chodzi o style, użyliśmy atrybutów znanych z poprzedniego przykładu oraz dwóch nowych:
fill-opacity: 0.5; stroke-opacity: 0.4;
Jak łatwo się domyśleć, pierwszy odpowiada za przeźroczystość wypełnienia, zaś "stroke-opacity" - za przeźroczystość obrysu.

Pora na pierwszą piaskownicę - przestrzeń, w której możesz stworzyć dowolną kompozycję za pomocą poznanych w danym momencie kształtów.
Spróbuj skopiować poprzedni przykład, zmieniając kolejność kół. Zwróć szczególną uwagę na to, który element przykrywa który. W SVG zawsze element następny jest nakładany na element wcześniejszy. Nie ma innej możliwości zarządzania warstwami, jak manipulowanie kolejnością kodowania elementów.
Zastosuj
Wyczyść

Chcesz dać mi znać że podoba Ci się treść strony i rozwijanie jej ma sens? Polub nas na FB!