アニメーションGIFを制御してみる

アニメーションGIFを1枚ずつ制御できるか調べていたところ、

↓こちらのサイトを見つけました。

code.i-harness.com

↓ここのライブラリを使えば、Javascript で制御できるようだ。

github.com








Example gif



Example with controls and no auto-play


Pause | Play | Restart | Step forward | Step back

しかし、width と height のサイズ指定の部分が効いていないかもしれない。

追記

max_width のプロパティを設定すると、サイズが変更できた。

        

ブラウザの横幅などを設定してあげるとよいかもしれない。

max_width:window.innerWidth

・アニメーションGIFの作り方

image-magick.com

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA