Comprendre SVG viewBox et viewport
▻https://la-cascade.io/comprendre-svg-viewbox-et-viewport
Un des casse-tête de l’affichage « inline » du SVG : gérer la taille d’affichage pour ne pas le tronquer.
Une affaire d’attributs viewport , viewBox et preserveAspectRatio
Voir aussi :
▻https://la-cascade.io/comprendre-svg-viewbox
▻https://la-cascade.io/comprendre-svg-preserveaspectratio
#svg #viewport #viewBox #preserveAspectRatio #ratio #affichage
Marrant, on s’est cassé la tête la dessus pas plus tard que la semaine dernière, mais c’était pour que ça soit responsive et que ça se retaille comme il faut.
L’erreur la plus conne qui a bouffé le plus de temps, c’est qu’il faut UN B MAJUSCULE BORDEL à viewBox, sinon ça ne marche pas comme il faut. :D
c’était pour que ça soit responsive et que ça se retaille comme il faut.
hé hé ! exactement le même problème... Je suis preneur d’une solution qui permettrait d’avoir un affichage responsive « automagiquement » en pur CSS (sans avoir à donner une taille « en dur » à viewport/viewBox)...
C’est pas possible, mais la vaille de la viewBox c’est juste une taille qui sert à donner un ratio, une proportion, ça veut pas dire que ça sera cette taille là. Une fois que tu as définis cette proportion, bah en CSS là tu donnes la taille que tu veux, et avec un max-width:100% et un height:auto comme sur les images, bah hop ça te fait un truc responsive. Faut juste pas oublier le B majuscule…