APNG 画像を介してアニメーション化された UI を実現するアプリがあります。
各ブロックには、2 つの APNG 画像と 1 つの PNG 画像があります。
- 登場(APNG)
- ピンポン (APNG)
- 静的 (PNG)
最初のアニメーションが終了した直後に 2 番目のアニメーションを再生し、タッチ イベントの後にのみ PNG 画像を表示する必要があります。私はそれを行いましsetTimeout
たが、残念ながら、2回目のページの更新後、ブラウザーは一部のアニメーションを完全に無視し、一部はジッタリングを開始し、一部は不適切な瞬間に無効になります。
どうすれば問題を解決できますか? また、APNG アニメーションが終了する瞬間を捉えることはできますか? APNG 画像はイベントを発行しますか?
問題を確認するには、モバイル デバイスでアプリを開き、コードをスキャンします。