javascript - La fonction de dessin de la souris sur la conception du canevas dessine plusieurs lignes colorées parallèles d'un seul coup

1. La fonction de dessin de la souris de la conception du canevas peut dessiner plusieurs lignes colorées parallèles d'un seul coup. 2. J'ai essayé d'ajouter le dessin oCg.beginPath(); à l'événement de la souris, mais l'événement sera écrasé. 3. Ajoutez une toile en double de la même manière, mais l...

PHP中文网 2017-06-13 09:24:08 0  1  1280

Comment mettre l'animation en pause au survol mais continuer une fois la souris partie

J'en ai marre de plusieurs solutions et celle-ci est la plus proche que j'ai obtenue. Mais je ne suis toujours pas satisfait du résultat, car lorsque la souris quitte l'élément, l'élément revient à sa rotation d'origine. L'idée est que si vous survolez l'élément, cela déclenchera l'animation même si...

P粉786800174 2024-04-01 09:43:54 0  1  477

Comment savoir si la souris a arrêté de survoler un élément ?

Je veux savoir comment arrêter le survol de la souris sur un élément en javascript ou en utilisant css. Je crée une animation où l'arrière-plan change de couleur lorsque la souris le survole, et je souhaite également ajouter une animation lorsque la souris arrête de survoler l'élément. Comment puis-...

P粉547420474 2024-03-31 13:28:28 0  1  378

Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page

Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse obtenir l'intégralité de l'effet pixel sur un canevas plein écran : constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Définissez la hauteur plein écran sur le canevas canvas.width=window.inn...

P粉752290033 2023-09-12 12:20:33 0  1  752

javascript - Utiliser Canvas pour implémenter une signature électronique, positionner les coordonnées de la souris dans le Canvas

Lorsque vous essayez d'utiliser le canevas pour implémenter une signature électronique, les coordonnées de la souris dans le canevas ne peuvent pas être obtenues avec précision. {Code...} Utilisez ev.clientY pour obtenir les coordonnées de la souris, mais canvas.offsetTop obtient la hauteur de l'élé...

巴扎黑 2017-05-16 13:36:00 0  1  593

javascript - Problèmes d'obtention des coordonnées de la souris dans Canvas

Je souhaite créer un effet de dessin au trait avec la souris, similaire à la fonction de dessin au trait de la planche à dessin fournie avec la fenêtre. Cela nécessite d'obtenir les coordonnées de la souris, mais j'ai toujours l'impression que les coordonnées ne sont pas obtenues avec précision. Cha...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  609

javascript - Problème de bouillonnement d'événements JS

Affaire close : utilisez CSS pour obtenir cet effet. Merci pour votre aide, je suis passé à l'utilisation de CSS pour réaliser cet effet. 1. Dans le code suivant, j'ai écouté les événements mouseover et mouseout de la balise a pour déclencher l'animation du canevas et j'ai empêché l'événement de bou...

学习ing 2017-06-12 09:32:56 0  3  825

javascript - Une question sur l'événement Mousdown

S'il vous plaît, aidez-moi. J'ai utilisé $.animate pour implémenter un événement basé sur l'élément de page mousdown. Après l'avoir fait, j'ai trouvé un problème après avoir cliqué plusieurs fois de suite sur la souris, l'animation sera jouée plusieurs fois. à réaliser est de recommencer depuis le d...

世界只因有你 2017-05-19 10:14:34 0  1  435

javascript - Problème avec plusieurs directions de commutation dans swiper.js

La scène actuelle est comme ceci. Il y a quatre pages d'animation qui basculent à gauche et à droite, et chaque page d'animation doit pouvoir glisser vers le bas pour passer à une autre même page. Maintenant, j'utilise swiper.js. Comment puis-je basculer entre celles-ci. gauche et droite ? La page p...

过去多啦不再A梦 2017-06-24 09:43:29 0  1  879

Comment supprimer le délai de transition dans la transition Vue ?

J'utilise Vue pour animer une zone de texte afin qu'elle se déplace vers le haut et apparaisse en fondu lorsque la souris survole une image. L'animation est correcte, mais il y a un léger délai avant qu'elle ne démarre. Je souhaite que la zone de texte s'affiche en douceur et commence immédiatement ...

P粉757432491 2023-08-17 17:36:49 0  1  512

Animation de glissement modal réactif

J'ai implémenté un modal dans React et CSS et actuellement, lorsque je l'ouvre, j'ai implémenté une animation coulissante vers le haut où le modal glisse vers le haut depuis le bas, mais quand je le ferme, je veux qu'il descende. Swipe, je n'arrive pas à comprendre comment pour créer avec précision ...

P粉514458863 2023-08-30 22:49:29 0  1  572

javascript - Le menu de droite ne parvient pas à trouver correctement la position cible. Autrement dit, une fois le sous-menu disparu, la souris est toujours à la position d'origine. Voir l'image pour plus de détails.

C'est ici que se trouve ma souris. Maintenant, je veux déplacer la souris vers le centre culturel. Regardez l'image ci-dessous. Le sous-menu ci-dessus devrait être rétracté, mais la position de la souris ne sera pas rétractée vers le menu de supervision des crédits. . Si je veux retourner au centre ...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  392

JavaScript met à jour les propriétés personnalisées CSS plus lentement que l'utilisation des styles d'éléments : comparaison des performances

J'ai créé un curseur de calendrier pour vue3 qui utilise les événements mousemove et touchmove pour implémenter l'animation coulissante, ainsi que des fonctions pour effectuer certaines animations rapides. Le projet peut être testé ici : https://stackblitz.com/github/Der-Alex/vue-calendar-slider?fil...

P粉235202573 2024-01-07 09:42:03 0  1  432

Sélecteur de chemin SVG en HTML utilisant React

Je crée une application de peinture où les utilisateurs peuvent télécharger des SVG. Remplissez-le de différentes couleurs, dessinez sur le SVG puis effacez-le. Mais malheureusement, je n'arrive pas à obtenir le chemin du SVG. Ci-dessous se trouve l'image SVG, si je survole, je veux juste obtenir le...

P粉566048790 2023-09-01 23:22:48 0  1  594

html - Utilisation de setInterval dans jquery pour faire défiler les engrenages en boucle

Il y a un engrenage. L'animation que nous réalisons maintenant est que l'événement de défilement sera déclenché lorsque la souris survole. L'animation que nous voulons faire est qu'une fois la page chargée, l'engrenage se déroulera et reviendra après un certain temps. de temps. Le défilement à droit...

習慣沉默 2017-05-16 13:25:04 0  3  846

La lecture automatique de Swiper s'arrête si vous changez d'onglet ou réduisez le navigateur

J'ai fait une progression en lecture automatique pour un curseur en utilisant CSS. Lorsque la classe d'activité est ajoutée à la pagination, j'exécute une animation CSS qui dure aussi longtemps que le délai de lecture automatique du curseur. Tout fonctionnera correctement si vous ne changez pas d'on...

P粉715274052 2024-02-21 13:37:12 0  1  505

Les points de début et de fin de l'image

J'essaie de définir les points de début et de fin d'une image. J'ai donc ma toile et une image, lorsque je mets l'image dans la toile, je veux qu'elle allume un petit cercle rouge lorsque je survole les points de début/fin, ce qui signifie que je peux créer avec d'autres images connectées. Par exemp...

P粉511757848 2023-08-31 12:24:51 0  1  581

javascript - Pourquoi l'événement scroll n'empêche-t-il pas le bouillonnement?

L'exigence est que lorsque la souris se trouve à l'intérieur d'un élément avec une barre de défilement sur la page, l'événement scroll soit déclenché pour empêcher le défilement du corps d'être déclenché en même temps. Pour parler franchement : lorsque la souris roule à l’intérieur du div, même si l...

PHP中文网 2017-07-05 11:07:59 0  6  4257

Veuillez me donner quelques conseils sur la façon de surveiller l'événement de la molette de la souris dans js, puis de quitter la méthode en cours d'exécution.

Chers amis : j'ai un morceau de code js qui utilise la méthode d'animation de jquery. Je dois surveiller le mouvement de la molette de la souris lorsque ce code est en cours d'exécution. S'il y a un mouvement de la molette de la souris, veuillez quitter la méthode d'animation. moi comment écrire le ...

天空翱翔 2021-10-28 09:20:05 0  4  1023

javascript - Comment obtenir la position de la souris lorsque la souris ne bouge pas (sans MouseMove)

Comment obtenir la position de la souris lorsque la souris ne bouge pas (pas de mouvement de souris). N'importe quel js ou jq fera l'affaire. Je suis très heureux d'étudier ce problème avec vous ~ en attendant le maître ~ ou peut-être qu'il y en a. vraiment pas question à ce stade~

仅有的幸福 2017-07-05 10:55:20 0  6  1095