回答編集履歴
1
cosmetic
answer
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
SVG の path が正しい前提で回答します。
|
|
2
2
|
|
|
3
|
-
パスを追加してからアニメーションが動かなくなったのは、両方の SVG
|
|
3
|
+
パスを追加してからアニメーションが動かなくなったのは、両方の SVG アニメーションが終わってから同じ関数`playAnimation`をコールバックで呼んでいるからです。
|
|
4
4
|
それぞれのアニメーションが終わる際に `playAnimation` が実行されているので、`indexPath` の値が連続で更新されて、アニメーションが止まっているように見えてしまっています。
|
|
5
5
|
|
|
6
6
|
修正するとしたら、`playAnimation` をどちらかの SVG アニメーションが終わったときのみ呼び出せばいいと思います。
|
|
7
7
|
|
|
8
|
-
|
|
9
8
|
```js
|
|
10
9
|
function playAnimation() {
|
|
11
10
|
if (indexPath === 0) {
|