SVG Basics
<svg width="200" height="200">
<circle cx="50" cy="50" r="40" fill="blue" />
<rect x="10" y="10" width="80" height="60" fill="red" />
<line x1="0" y1="0" x2="100" y2="100" stroke="black" />
<text x="10" y="150" font-size="16">Hello SVG</text>
</svg>
Summary
- SVG draws vector graphics in HTML
- Shapes: circle, rect, line, polygon, path
YouTip