SVG est à la fois une image, qui peut donc s'adapter à la taille que tu souhaites, et aussi un élément de DOM (s'il a été incrusté dans le code HTML).
Je suis pas sûr d'avoir compris le but du jeu, mais voici quelques cas:
• Etirer l'image SVG sur la largeur de l'écran → {CSS background-image + background-size + width} || {tag <img/> dont le @src pointe sur le fichier image SVG + CSS width} || {tag SVG au @width=100% + SVG preserve-aspect ratio none}
• Répéter l'image sur la largeur de l'écran → {CSS background + background-repeat + width}
• Répéter l'image sur la largeur de l'écran, un nombre entier de fois (ne pas couper en deux un triangle par ex) → { CSS border-image}
• Répéter le triangle dans l'image SVG → SVG patterns
Je suis pas sûr d'avoir compris le but du jeu, mais voici quelques cas:
• Etirer l'image SVG sur la largeur de l'écran → {CSS background-image + background-size + width} || {tag <img/> dont le @src pointe sur le fichier image SVG + CSS width} || {tag SVG au @width=100% + SVG preserve-aspect ratio none}
• Répéter l'image sur la largeur de l'écran → {CSS background + background-repeat + width}
• Répéter l'image sur la largeur de l'écran, un nombre entier de fois (ne pas couper en deux un triangle par ex) → { CSS border-image}
• Répéter le triangle dans l'image SVG → SVG patterns