APNG作成について
https://ics.media/entry/2441
apngアニメーションをサイトのロゴとして使っているのですが、
Retinaディスプレイでcanvasタグ内のapngアニメーションが2回繰り返されてしまいます。
通常の解像度ディスプレイでは、1回のみ実行され正常に機能するのですが、ご教授いただけますでしょうか。
html
<img class="slider-logo apng-image pc" src="<?php echo get_template_directory_uri(); ?>/images/anime_logo_400x.png" alt=""> <img class="slider-logo apng-image sp" src="<?php echo get_template_directory_uri(); ?>/images/anime_logo_190x.png" alt="">
js
//top_anime APNG.ifNeeded().then(function () { var images = document.querySelectorAll(".apng-image"); for (var i = 0; i < images.length; i++) APNG.animateImage(images[i]); });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/13 02:08