L'enregistrement et la sauvegarde d'une SVG de l'animation d'un GIF animé
Est-il une bibliothèque ou d'un outil pour l'enregistrement et l'enregistrement d'un SVG de l'animation d'un GIF animé?
Le SVG géométries sont animés avec JavaScript et D3.js, et leurs couleurs et opacités sont animés avec CSS 3.
- double possible de la Création de gifs animés de D3.js animations
- merci! juste regardé l'affluent de la src et a vu son utilisation gif.js donc, je vais vérifier ça
Vous devez vous connecter pour publier un commentaire.
J'ai trouvé que, tout simplement, à l'aide d'une capture d'écran du programme avec le gif de la fonctionnalité d'enregistrement répond à tous mes besoins, et il est fiable et propre. Il existe plusieurs de ces programmes de capture d'écran. J'ai trouvé LICEcap solide.
Ici est (presque mot pour mot) mon intervention à partir de la question mentionnée ci-dessus:
La solution utilise un outil appelé LICEcap, un utilitaire de capture d'écran pour Win et Mac. Les étapes sont les suivantes:
Télécharger LICEcap ici et de l'installer. Maintenant, si vous lancez ce programme, il aura plutôt une forme inhabituelle, juste un cadre mince, et tout à l'intérieur de la trame sera transparent:
Aller à la fenêtre avec votre d3.js d'animation et de tout préparer, de sorte que vous pourriez commencer l'animation à un certain point. Disons que nous voulons enregistrer cet exemple de d3js.org:
Maintenant commencer LICEcap et le positionner sur la zone que vous souhaitez avoir dans votre gif animé:
Assurez-vous que vous entrez au moins 20 fps en bas à gauche de la zone d'édition, sinon, l'enregistrement sera de faible qualité. Appuyez sur enregistrer. Une boîte de dialogue apparaîtra, et vous choisissez ici si vous voulez que votre gif être dans une boucle infinie, ou tout simplement répété une fois, ou n'importe quel nombre de fois. Également une option intéressante est d'ajouter des indices visuels pour les clics de souris. Choisissez aussi un nom de fichier et appuyez sur Enregistrer.
Maintenant vous faites ce que vous avez à faire pour déclencher des animations. Je vous appuyez plusieurs fois sur les boutons Groupés et à empiler. Après j'ai décidé son assez, j'ai appuyé sur Stop. Fichier résultant est:
Que c'est!