SVGs, ah yes the crazy files with XML that make pretty figures
summary
Shows how to handcraft an SVG from an empty xml tag to a working duck built from a circle and path and demonstrates which attributes actually matter the view into the file and the path language the viewBox is four numbers that set coordinates and size and the path D string is a sequence of commands. Covers viewBox is four numbers, C takes six parameters, S shorthand and lowercase relative commands, arc flags, and that roughly 1% of SVGs use simple shapes while 99% are paths and the example renders correctly.
AI-written summary · about
chapters (11)
- 0:00SVGs and XML intro
- 1:28Minimal SVG file
- 2:53Adding circles to SVGs
- 3:57Basic SVG shapes
- 4:39SVG path element
- 5:22Path data breakdown
- 7:08Path commands M and C
- 8:12Smooth curves Q and S
- 9:17Elliptical arcs and closing
- 11:23Advanced SVG features
- 12:10Q&A on path commands
