Vous pouvez me contacter via Facebook pour questions & suggestions :
Page Facebook relative à mon site
Je l'avoue ... je vous ai menti jusqu'à présent. Même sur un petit écran (smartphone),les canevas SVG s'adaptent parfaitement à l'écran. Or officiellement elles font parfois 900 pixels de large ... Sur un écran de smartphone vous n'avez jamais 900 pixels de large ...
En fait le code SVG interne que je vous ai indiqué jusqu'à présent, n'est pas le véritable code ...
Ainsi vous avez pu lire : <svg width = '900' height = '600' ...
Alors qu'en fait le vrai code de la balise SVG début c'est : < svg width = '60%' viewBox ="0 0 900 600" ...
Pour que le canevas soit 'responsive' sa largeur doit être exprimée en % et un nouvel attribut apparait : viewBox.
L'attribut viewBox de la balise SVG est incontournable lorsqu'on veut que l'image vectorielle soit "responsive" c'est à dire s'affiche proprement sur tous types de terminaux web (de l'écran de PC de bureau au smartphone).