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?
Other elements
There are a few more SVG elements that can be powerful tools:
G (group)
Nested SVG
Image
Text
←
Z (close path)
G (group)
→