Wstawianie tekstu

Nic nie stoi na przeszkodzie, by na rysunku SVG umieścić dowolny napis.
Życie jest piękne!
Zastosuj
Przywróć
Wyczyść
Życie jest piękne!
Text jako pierwszy z prezezntowanych elementów posiada znacznik zamykający, a pośrdoku treść wiadomości.
<text x="100" y="200">treść</text>
Paramtery x i y, jak łatwo się domyśleć, definiują połóżenie początkowego punktu pisania. (lewego górnego punktu kanwy napisu) Prawdziwą jednak magię oferuje pisanie po ścieżce - widzieliście kiedyś coś takiego w przeglądarce? ;)
Życie jest piękne!
Zastosuj
Przywróć
Wyczyść
Życie jest piękne!
Kluczowe jest zdefiniowanie ścieżki, po której będziemy pisać, w przestrzeni znaczników:
<defs></defs>
W tym przykładzie użyliśmy krzywej z poprzedniej strony, ale nic nie stoi na przeszkodzie, byś stworzył/a własną.

Kluczowe jest zawarcie w przestrzeni znacznika <text /> nowego znacznika:
<textPath xlink:href="#sciezka" ></textPath>
atrybut "xlink:href="#sciezka" " daje dostęp do wcześniej zdefiniowanej ścieżki.

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