Proste kształty: linia

Jak narysować zwykły odcinek? Z pomocą przychodzi znacznik
<line />
Zastosuj
Przywróć
Wyczyść
Mamy tu nowe atrybuty:
x1="110" y1="120"
to współrzędne pierwszego punktu, zaś:
x2="210" y2="320"
drugiego. Zwróć uwagę na definicję koloru linii:
stroke:rgb(255,56,220);
Kolory w SVG można definiować dokładnie tak samo jak w HTMLu - z użyciem nazw zwyczajowych (np. yellow), kodów szesnastkowych (np. #aabb22) lub tak jak powyżej.

W poniższym przykładzie zwróć szczególną uwagę na definicję współrzednych punktów - nic nie stoi na przeszkodzie, by wybiegały one poza obszar rysowania. Jednak wystające części będą niewidoczne. Spróbuj stworzyć podobnie "ucięte", wystające poza obszar koło.
Zastosuj
Przywróć
Wyczyść

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