Bonjour,

Je souhaite créer un svg responsive. Pour cela j'ai besoin de récupérer la résolution d'écran pour que la viewbox de mon svg s'adapte.

Je pensais donc récupérer en js la résolution comme ceci :

var largeur = screen.width
var hauteur =screen.height

Et le problème c'est que je ne sais pas comment mettre la valeur dans une variable php.

Quelle est la solution ou l'alternative ?

Merci et bonne fin de week-end.

4 réponses


keulu
Réponse acceptée

un truc du genre :

<svg viewport="0 0" id="svg1">

<script>
function changeSize(){
    var svg1 = document.getElementById("svg1");
    svg1.setAttribute("height", "10px");
    svg1.setAttribute("width", "30px");
} 
changeSize();
</script>

le php est un langage serveur. il a aucune idée de la résolution du mec qui demande une page. seule alternative, c'est de charger la page

de dire au php la largeur et ma hauteur font X * Y, donne moi l'image associé en ajax avec du JS

mais je voit pas pourquoi php doit connaitre la taille ? en JS tu peux changer la taille de ton viewport

Et bien personnellement je n'ai pas réussi à mettre du js dans une balise html :/

<svg viewport="0 0 <script>maHauteur maLargeur">

Si je fais ca il affiche tout, comment faire du coup ? :)

Je crois que c'est le moment où je vous serre la main !

Merci beaucoup ! :)