Chapter 3: Dimensions in SVG

11 tasks and 4 challenges

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

1. SVG Width and Height Task

2. The viewBox Attribute Task

3. viewBox and Dimensions Task

4. Challenge: Fish Challenge

5. The preserveAspectRatio Attribute Task

6. Flexible Background with preserveAspectRatio Task

7. Challenge: Flexible Margins Challenge

8. Alignment in preserveAspectRatio Task

9. preserveAspectRatio and viewBox Task

10. Filling the Space Task

11. Challenge: Rainbow Challenge

13. Coordinate systems Task

14. Coordinate Systems and Transforms Task

15. Challenge: Yellow Leaf Challenge