De meeste moderne browsers (inclusief de laatste versie van IE) hebben geen moeite om de text langs een "path" weer te geven. Omdat de oudere versies van IE native support voor het "text-path"-gebeuren hebben, is in de broncode van de pagina de IE-code toegevoegd. Als je de stokoude browsers van IE nog steeds van dienst wil zijn, kan je de desbetreffende items (uit de broncode van deze pagina) kopiën naar jouw web-pagina (maar je wordt niet aangemoedigd om dat te doen...). Nog even over Opera: Opera heeft altijd de mond vol dat het de beste svg "levert". Dat zal best wel; maar dan hoop ik dat Opera het niemand kwalijk neemt dat we niet alleen voor hén een externe svg-file gaan plaatsen, en dan ook nog eens de regel:
<object type="image/svg+xml" data="text-path.svg" name="svg_text_path" width="600" height="150"></object>
in de broncode gaan toevoegen...
Om de tekst langs een path te laten lopen, kan je de onderstaande code ergens op jouw pagina plaatsen. De parameters zijn makkelijk aan te passen.
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet"
style="width:500px;height:300px;font-weight:bold;position:absolute;top:20px;left:320px;z-index:-1;">
<defs>
<path id="text-path" d="M10 50 C10 0 90 0 90 50" />
</defs>
<text fill="#FF8C35">
<textpath xlink:href="#text-path">KOMPOOS</textpath>
</text>
</svg>