<svg width="12cm" height="3.6cm" viewBox="0 0 1000 300" version="1.1"> <defs> <path id="MyPath" d="M 100 125 C 150 125 250 175 300 175 C 350 175 450 125 500 125 C 550 125 650 175 700 175 C 750 175 850 125 900 125"/> </defs> <desc>Example toap04 - text on a path layout rules</desc> <use xlink:href="#MyPath" fill="none" stroke="red"/> <text font-family="Verdana" font-size="60" fill="blue" letter-spacing="2"> <textPath xlink:href="#MyPath"> Choose shame or get war </textPath> </text> <rect x="1" y="1" width="998" height="298" fill="none" stroke="blue" stroke-width="2"/> </svg> |
Original SVG source |