Анимированные текстовые вставки SVG не соответствуют тому, что я набрал

Question

МОЯ JS FIDDLE

<div id="main-canvas-container" style="width: 800px; height: 500px"> 
   THIS IS WHERE I PLACE THE SVG'S
</div>

На моем jsfiddle он показывает контейнер div с большим количеством вставленных svg. По умолчанию я вставил его как A, B, C, D, E, F, F

но там появляется A, F, G, B, C, E

Я проверяю, связано ли это с размером файла JSON, но это не так.

Есть идеи, что их вызывает?

Если я ввожу для вставки ABCD, то это правильно, но когда дело доходит до E, оно будет вставлено между C и D, что приведет к ABCED.

Спасибо за помощь.

Answer 1

HTML-код правильный.SVG отображаются в порядке их появления в HTML.Первый - «А».Второй - «F» и т. Д. Вы можете подтвердить это самостоятельно, удалив их один за другим из скрипки.

Либо у вас неверно помечаются SVG-файлы, когда вы их вставляете.Или, если вы вставляете их вместе с кодом, тогда с этим кодом должна быть проблема.