SVG superpowers
SVG superpowers
SVG superpowers
Basics
Coordinate system
File structure
Colors and opacity
Units and precision
Shapes
Line
Polyline
Polygon
Circle
Ellipse
Rectangle
Path
M (move)
L (line)
Relative path
H and V (horizontal and vertical)
Q (quadratic bezier)
T (quadratic bezier)
C (cubic bezier)
S (cubic bezier)
A (elliptical arc)
Z (close path)
Other elements
G (group)
Nested SVG
Image
Text
Advanced
View Box
Extra
Why not that popular?
Basics
Before diving into the full capabilities of SVG, we must first cover the basics:
Coordinate system
File structure
Colors and opacity
Units and precision
Coordinate system
→