CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Générateur d'avatar HTML, javascript css => réutilisabilité ?

DébutPage précedente
1
Page suivantePage suivante
SuperNG1Chuck SuperNG1Chuck
MP
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 Dharxy21
MP
Niveau 5
22 novembre 2017 à 18:17:08

Tu aurais du utiliser un format vectoriel comme SVG

Message édité le 22 novembre 2017 à 18:17:22 par Dharxy21
SuperNG1Chuck SuperNG1Chuck
MP
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 Dharxy21
MP
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 SuperNG1Chuck
MP
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

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment