IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Redimensionnement compte à rebours


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2014
    Messages
    123
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Novembre 2014
    Messages : 123
    Par défaut Redimensionnement compte à rebours
    Bonjour à tous,

    J'ai trouvé ce compte à rebours sur internet => http://codepen.io/lawrencealan/pen/cdwhm%20

    Je voudrai le redimensionner afin de l'adapter au responsive. Je touche aux attribut width et height du canvas mais rien n'y fait, des tailles par défaut existent... Auriez-vous une idée de comment faire ?

    Merci beaucoup d'avance !

  2. #2
    Membre Expert

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Billets dans le blog
    1
    Par défaut Petit exemple
    Salut j'ai fait quelques rajout pour que tu puisse dynamisé la taille de ton module maintenant reste plus qu'a faire ton responsive soit opté pour les type de dimension en % ou selon tes habitudes.
    Voici le deux variables rajoutées.
    r_font_time_text
    r_font_time_number

    http://codepen.io/anon/pen/mJPOgr

    bonne continuation.

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Je voudrai le redimensionner afin de l'adapter au responsive
    redimensionner un CANVAS ne te fera que réduire la taille de l'ardoise sur laquelle tu travail.

    Il te faut lors du redimensionnement appliquer une scale sur ton context en rapport avec le redimensionnement effectué.

    exemple:
    • CANVAS initial = 400 x 300 (scale = 1.0)
    • CANVAS redim = 300 x 200 (scale = 0.75 en X et 0.667 en Y) context.scale(xFactor, yFactor)

    La gestion peut être un peu plus compliqué si tu souhaites conserver un ratio largeur/hauteur.

Discussions similaires

  1. [timer] Compte à rebours pour redirection !
    Par Raideman dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 31/12/2005, 20h07
  2. Compte à rebours
    Par Anduriel dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 29/12/2005, 20h12
  3. compte à rebours
    Par Datord dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 17/11/2005, 21h22
  4. compte à rebours
    Par etoile1506 dans le forum C
    Réponses: 10
    Dernier message: 27/10/2005, 15h20
  5. Compte à rebours trop rapide
    Par Anduriel dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/06/2005, 20h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo