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

JavaScript Discussion :

[canvas] Afficher la position souris sur un canvas effacé régulièrement


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    sans
    Inscrit en
    Mai 2023
    Messages
    146
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : Mai 2023
    Messages : 146
    Par défaut [canvas] Afficher la position souris sur un canvas effacé régulièrement
    Bonjour, comment concilier le fait que la détection de la position souris se fasse avec le onmousemove d'un canvas ET le fait que l'affichage est chaque fois effacé par la boucle d'animation, ce qui empeche de voir les coordonnées souris sur l'écran.

    J'ai une boucle d'anim avec setInterval() qui efface l'écran et affiche une image de fond, et dans cette boucle je voudrais pouvoir lire la position souris, le problème c'est que la fonction de detection souris est lancée par le canvas.onmousemove() et cette fonction n'étant pas lancée par la boucle, l'affichage des coords souris ne peut se faire, puisque la boucle efface tout régulierement.

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 489
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 489
    Par défaut
    salut, je te conseil de passer par un requestAnimationFrame pour redessiner ton canvas, il sera plus "fluide" visuellement

    pour ce qui est d'afficher la position de la souris, il faut que tu enregistre cette potision dans une variable, et que tu l'affiches dans la methode de rafaichissement du canvas
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Membre confirmé
    Homme Profil pro
    sans
    Inscrit en
    Mai 2023
    Messages
    146
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : Mai 2023
    Messages : 146
    Par défaut
    Ah super merci !!!

    Pour les deux infos

  4. #4
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    afficher la position de la souris dans le <canvas> même me paraît contre productif et même chronophage dans la routine d'affichage/update.

    Rien n'empêche d'afficher le résultat dans une élément neutre du DOM.

  5. #5
    Membre confirmé
    Homme Profil pro
    sans
    Inscrit en
    Mai 2023
    Messages
    146
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : Mai 2023
    Messages : 146
    Par défaut
    malheureusement c'est l'effet que je veux obtenir, mais tu as raison c'est sûr !
    Mon canvas prend les 100% de l'ecran aussi.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Position réelle de la souris sur un Canvas "scrollé"
    Par M.Dlb dans le forum Composants VCL
    Réponses: 4
    Dernier message: 08/01/2014, 19h20
  2. [débutant]Décalage curseur de souris sur canvas
    Par pingoui dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 18/03/2009, 17h57
  3. Position souris sur clic image
    Par wehtam dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/08/2007, 16h06
  4. Position souris sur une image
    Par microbulles dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/07/2007, 08h40
  5. Position souris sur un bouton
    Par had182 dans le forum MFC
    Réponses: 5
    Dernier message: 14/01/2006, 11h41

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