回答編集履歴
2
追記
test
CHANGED
|
@@ -8,13 +8,17 @@
|
|
|
8
8
|
|
|
9
9
|
[load](https://developer.mozilla.org/ja/docs/Web/Events/load)はあくまで画像ファイルが読み込めた状態です。
|
|
10
10
|
|
|
11
|
-
この後に表示できるようにデコード処理が走ります（load=ダウンロード、decode=圧縮ファイルの展開/解凍）。
|
|
11
|
+
この後に表示できるようにデコード処理が走ります（load=ダウンロード、decode=圧縮ファイルの展開/解凍のイメージ）。
|
|
12
12
|
|
|
13
13
|
ファイルサイズが大きい画像はデコード処理も時間がかかります。
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
[IEとEdgeを捨てる](https://caniuse.com/#feat=mdn-api_htmlimageelement_decode)なら、[decode()](https://developer.mozilla.org/ja/docs/Web/API/HTMLImageElement/decode)がpromiseを返すので、デコードが終わったあとの処理が書けます。デコードが終わるまでローディングを表示させれば意図した動きになりませんか？
|
|
18
|
+
|
|
19
|
+
- 全ての画像を一気に制御したいなら[Promise.all()
|
|
20
|
+
|
|
21
|
+
](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/all)で待てばOKだと思います。
|
|
18
22
|
|
|
19
23
|
- Edgeも近々Chromeとほぼ同じになるのでIEを捨てるのは有りだと思います。
|
|
20
24
|
|
1
追記
test
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
[load](https://developer.mozilla.org/ja/docs/Web/Events/load)はあくまで画像ファイルが読み込めた状態です。
|
|
10
10
|
|
|
11
|
-
この後に表示できるようにデコード処理が走ります（圧縮ファイルの展開/解凍
|
|
11
|
+
この後に表示できるようにデコード処理が走ります（load=ダウンロード、decode=圧縮ファイルの展開/解凍）。
|
|
12
12
|
|
|
13
|
-
サイズが大きい画像はデコード処理も時間がかかります。
|
|
13
|
+
ファイルサイズが大きい画像はデコード処理も時間がかかります。
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|