动画文本SVG插入不符合我输入的内容

Question

MY JS FIDDLE

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

在我的jsfiddle上，它显示了一个插入了大量svg的div容器。默认情况下，我将其插入为A，B，C，D，E，F，F

但是出现的是A，F，G，B，C，E

我检查它是否与JSON文件的大小有关，但它不是。

任何想法会导致什么？

如果我输入插入ABCD，那么它是正确的，但是当涉及到E时，它将插入到C和D之间，导致ABCED。

感谢您的帮助。

Answer 1

HTML是正确的。 SVG按照它们在HTML中出现的顺序显示。第一个是“A”。第二个是“F”等。您可以通过从小提琴中逐个删除它们来自行确认。

插入SVG文件时，标注错误。或者如果您使用代码插入它们，那么该代码必定存在问题。