Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="300" height="150" xmlns="http://www.w3.org/2000/svg"> <!-- Cubic Bezier curve (C command) --> <path d="M 20 100 C 60 20, 240 20, 280 100" fill="none" stroke="steelblue" stroke-width="3" /> <!-- Quadratic Bezier curve (Q command) --> <path d="M 20 130 Q 150 40, 280 130" fill="none" stroke="tomato" stroke-width="3" /> <!-- Control point markers (for illustration) --> <circle cx="60" cy="20" r="4" fill="steelblue" opacity="0.5" /> <circle cx="240" cy="20" r="4" fill="steelblue" opacity="0.5" /> <circle cx="150" cy="40" r="4" fill="tomato" opacity="0.5" /> </svg>
