Chapter 3: Dimensions in SVG

11 tasks and 4 challenges beta

We will delve into how SVG graphics are scaled and learn how to work with the viewBox and preserveAspectRatio attributes.

SVG Width and Height Task

The viewBox Attribute Task

viewBox and Dimensions Task

Challenge: Fish Challenge

The preserveAspectRatio Attribute Task

Flexible Background with preserveAspectRatio Task

Challenge: Flexible Margins Challenge

Alignment in preserveAspectRatio Task

preserveAspectRatio and viewBox Task

Filling the Space Task

Challenge: Rainbow Challenge

Coordinate systems Task

Coordinate Systems and Transforms Task

Challenge: Yellow Leaf Challenge