ã“ã®ç™ºæƒ³ã¯ã™ã”ã„ï¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã®å†ç”Ÿãƒ»åœæ¢ã‚’コントãƒãƒ¼ãƒ«ã§ãã‚‹JavaScriptライブラリ -Freezeframe.jsアニメーションgifã®å†ç”Ÿãƒ»åœæ¢ã‚’ホãƒãƒ¼ãƒ»ã‚¯ãƒªãƒƒã‚¯ãƒ»ã‚¿ãƒƒãƒ—ã€ãã—ã¦ãƒœã‚¿ãƒ³ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãる軽é‡JavaScriptライブラリを紹介ã—ã¾ã™ã€‚ canvasã«æ›¸ã込むã¨ã„ã†ç™ºæƒ³ãŒã™ã”ã„ã§ã™ã。 通常アニメーションgifã¯è‡ªå‹•å†ç”Ÿã•ã‚Œã¾ã™ãŒã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—トを使用ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ“作をトリガーã«å†ç”Ÿãƒ»åœæ¢ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Freezeframe.js -GitHub Freezeframe.jsã®ç‰¹å¾´ Freezeframe.jsã®ãƒ‡ãƒ¢ Freezeframe.jsã®ä½¿ã„æ–¹ Freezeframe.jsã®ç‰¹å¾´ Freezeframe.jsã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã®æœ€åˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ã ã‘ã‚’canvasã«æ›¸ãè¾¼ã¿ã€gifã®é™æ¢ç”»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’自動作æˆã—ã¾ã™ã€‚ã‚ã¨ã¯ã€ã“ã®é™æ¢ç”»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifをトリガーã§åˆ‡ã‚Šæ›¿ãˆã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã‚’å†ç”Ÿãƒ»åœæ¢ã•ã›ã¾ã™ã€‚ 下記ã¯ã€ãƒ›ãƒãƒ¼ã§
{{#tags}}- {{label}}
{{/tags}}