Se connecter

Informatique

Création de sites web

Sujet : Générateur d'avatar HTML, javascript css => réutilisabilité ?
1
SuperNG1Chuck
Niveau 10
22 novembre 2017 à 16:36:35

Salut,
je suis entrain de créer un générateur d'avatar en html, css, javascript j'ai donc mes images au format csv que j'assemble à l'aide du css selon les élements, ca rend bien et tout,

sauf que à chaque fois que je veux changer la taille de tous les éléments je dois me retaper toutes les classes css !!!
donc je me demandais si y avait une méthode pour mettre mes n images qui composent l'avatar dans une div par exemple de 100 px sur 100px et que juste en resizant la div par exemple à 150 sur 150 tout ce qu'il ya dans la div se resize comme si ca se comportait comme une seule et même image

ou bien avez vous une autre idée ?
:merci:

Dharxy21
Niveau 5
22 novembre 2017 à 18:17:08

Tu aurais du utiliser un format vectoriel comme SVG

SuperNG1Chuck
Niveau 10
22 novembre 2017 à 20:14:58

Je me suis trompe j'ai dis csv mais mes dessins sont en svg ^^
Du coup je les ai assemblé en vrai avant de les faires mais y a que quand je mets en position absolute mes images quelles sont dimensions comme il faut du coup tant que la fenêtre est grande ça va ( car je modifie le pourcentage ) mais à une certaine largeur de fenêtre le svg commence à se resize en diminuant !

Pour le stockage en base j'ai créé une string de 7 caractère qui correspondent à tout mon avatar j'ai du faire ça pour que les requêtes serveur node js contenant les avatar ne soit pas trop lourde
La gestion technique de l'avatar est en place c'est vraiment la mise en place niveau design que je galère j'ai comme l'impression d'avoir louper quelques choses ...

Merci pour vos réponses en tout cas :p

Dharxy21
Niveau 5
24 novembre 2017 à 18:42:31

Je comprend pas ton problème tu explique mal, mais pour resize un SVG il faut utiliser l'attribut "viewbox"

SuperNG1Chuck
Niveau 10
24 novembre 2017 à 19:37:44

C'est dur à expliquer;

J'ai des images SVG que jemboites les une sur les autres dans inkscape

Ces images je veux les emboîtés à l'écran de mon page HTML

Donc je me disais que si les images je les mets les unes par dessus les autres elles semboiterons comme dans le logiciel de dessin

Sauf que c'est pas toujours le cad elles ne s'emboîtent pas car certaines sont trop grosse ou trop petite par rapport à la taille réelle

Par contre si je mets mes images en positions absolute la les images emboîtent très bien ( donc le problème viens pas de mes images )

Mais en absolute les images de resize toute seul quand je resize en diminuant le navigateur

Sauf que moi je veux être en relatif et non en absolute pour que mon image soit pas où je veux

1
Sujet : Générateur d'avatar HTML, javascript css => réutilisabilité ?
News culture
La Planète des Singes : Le Nouveau Royaume - la révolution simienne est en marche !
   Retour haut de page
Consulter la version web de cette page