Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="300" height="160" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Define a curved path to follow --> <path id="textArc" d="M 30 130 Q 150 20, 270 130" /> </defs> <!-- The path itself (optional to show) --> <use href="#textArc" fill="none" stroke="#ddd" stroke-width="1" /> <!-- Text that follows the path --> <text font-family="sans-serif" font-size="16" fill="steelblue"> <textPath href="#textArc" startOffset="50%" text-anchor="middle"> Text flowing along a curve! </textPath> </text> </svg>
