CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • 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 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

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

SuperNG1Chuck
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
Dharxy21
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
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
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
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

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment