![Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/e6639267b77782b0d62ce5f29a4d9b07bf5df87a/c0e2d/assets/images/viewbox-400-300-crop.jpg)
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer
![Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/1788c7fec01fa6aa391a418e3ce29ff19de533a0/09c84/assets/images/viewbox-x-y-axes.jpg)
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer
![AD: SVG exportdialog: Add options to turn on/off autoscale and choose preserveAspectRatio-mode - Feedback for Affinity Designer on Desktop - Affinity | Forum AD: SVG exportdialog: Add options to turn on/off autoscale and choose preserveAspectRatio-mode - Feedback for Affinity Designer on Desktop - Affinity | Forum](https://forum.affinity.serif.com/uploads/monthly_2018_04/5ad707f2c1abe_viewboxviewport.jpg.d07987b374c7d524e5373efd2057fabe.jpg)
AD: SVG exportdialog: Add options to turn on/off autoscale and choose preserveAspectRatio-mode - Feedback for Affinity Designer on Desktop - Affinity | Forum
![Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/31425aa11ff02ccee1bc27551c787857002c450e/257ae/assets/images/viewbox-meet-align-same.jpg)
Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer
![Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/26cceca4d0a614f092a490a44f75a54e691caf56/d17e6/assets/images/viewbox-slice-align-same.jpg)