Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio

#web-design #image #responsive
Trop beau!!!

Et encore, on peut faire bien plus :)

référencé dans l’article :
- « How to Scale SVG » ▻https://css-tricks.com/scale-svg pour les différences de mise à l’échelle d’un SVG en fonction du mode d’inclusion dans le HTML
- « Understanding SVG Coordinate Systems and Transformations » ▻https://sarasoueidan.com/blog/svg-coordinate-systems pour les subtilités d’utilisation des attributs viewport, viewBox, et preserveAspectRatio
avec une interface de démo et une « cheatsheet » pour ces attributs sur ▻https://sarasoueidan.com/demos/interactive-svg-coordinate-system/index.html

#viewport #viewbox #preserveAspectRatio #échelle #ratio