Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio Published on 17 Jul, 2014 | Takes approximately 18 min to read SVG elements aren't governed by a CSS box model like HTML elements are. This makes positioning and transforming these elements trickier and may seem—at first glance—less intuitive. However, once you understand how SVG c
![Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio](https://cdn-ak-scissors.b.st-hatena.com/image/square/42a27b2e109dff8bc3f8c4893279f77991badee0/height=288;version=1;width=512/https%3A%2F%2Fsarasoueidan.com%2Fog.png)