J'ai quelques images dans gif et je veux les jouer sur toile avec détection de collision. Existe-t-il un moyen d'extraire des cadres de gif avec javascript?Animation GIF sur toile avec contrôle de trame
1
A
Répondre
1
La réponse courte est que JavaScript n'a aucun moyen simple de contrôler l'image actuelle d'un GIF animé. La réponse longue est qu'il existe des moyens de faire ce que vous voulez avec JS, mais ce sont des hacks très compliqués.
Exemple de méthode hackish: Créez un canevas et ne l'ajoutez pas au DOM (donc personne ne le verra). Dans une boucle rapide (setTimeout), dessinez sur cette toile en permanence et collectez des instantanés. Comparez le canvas ImageData pour voir si les frames ont changé ou non.
Questions connexes
- 1. Toile avec Animation Zoom
- 2. Animation - GIF
- 3. Animation gif lente avec SwiftGif
- 4. Grande animation Gif
- 5. javascript animation de toile
- 6. animation diapositive de toile
- 7. Animation Javascript sans toile?
- 8. iphone/ipad grande toile vs petite toile + animation div
- 9. Affichage Qt transparent animation gif
- 10. Animation avec create.js sans mettre à jour toute la toile
- 11. Animation de jeu de toile
- 12. Toile animation vitesse
- 13. animation gif scintillant dans l'applet
- 14. HTML5 Toile Tileset animation
- 15. Flip animation en toile
- 16. XNA GIF Animation Library problème
- 17. HTML5 Toile animation clearRect
- 18. Animation avec ré-utilisation de contrôle
- 19. événement de masse onLoad fige animation gif
- 20. animation toile Javascript a cessé de travailler avec les touches de contrôle
- 21. PHP ImageMagick: Comment fusionner Animated GIF dans statique toile
- 22. Problèmes d'utilisation de QMovie avec animation GIF dans un QLabel
- 23. JavaScript Toile sprite animation vitesse
- 24. Contrôle des animations GIF avec Jquery?
- 25. reproduire image GIF-like dans la toile
- 26. HTML5 Toile Fantôme Animation Issue?
- 27. Animation de personnage sur le chemin de carte de toile
- 28. animation de chute de pluie sur toile html
- 29. comportement inattendu lors d'une animation de rotation sur toile
- 30. AS3: Retarder Entrer Animation de trame
Cela ne devrait pas fonctionner: 'lorsqu'un objet CanvasImageSource représente une image animée dans un HTMLOrSVGImageElement, l'agent utilisateur doit utiliser l'image par défaut de l'animation (celle que le format définit doit être utilisée lorsque l'animation n'est pas supportée ou désactivé) ou, s'il n'y en a pas, la première image de l'animation, lors du rendu de l'image pour les API CanvasRenderingContext2D [html.spec] (https://html.spec.whatwg.org/multipage/scripting.html # dom-context-2d-drawimage # images-sources-pour-2d-rendus-contextes). Mon test confirme ce comportement dans FF – SleepProgger