Javascript 将SVG元素拖动到另一个SVG元素上

有没有办法将一个SVG元素拖到另一个SVG元素上？我试过了，但就像在教程中一样，我只能将我放置的第二个拖到第一个上面。我不可能毫无问题地把第一个拖到第二个上面。 有人知道如何解决这个问题吗

---

以下是整个教程：

不幸的是，在SVG中，只有一种方法可以使一个元素出现在另一个元素前面，那就是删除较低的元素，然后转身重新绘制它。没有可以设置的z索引或其他有用属性。我花了一点时间在这上面，这就是我的结论

---

有一个好处，即通过删除和重画它，可以确保所有元素的显示顺序都得到维护，而如果必须维护z索引，则管理数字可能会导致其自身的一系列问题。

不幸的是，在SVG中，只有一种方法可以使一个元素出现在另一个元素前面，那就是删除较低的元素，然后转过身重新绘制它。没有可以设置的z索引或其他有用属性。我花了一点时间在这上面，这就是我的结论

---

有一个好处，那就是通过删除和重画它，它可以确保所有元素的显示顺序都得到维护，而如果必须维护z索引，管理数字可能会导致它自己的一系列问题。

在我看到@Strat-O给了你同样的方法之前，我正在写这篇文章

下面是一个有评论的例子：

.拖拉{ 光标：移动； }

---

在我看到@Strat-O给了你同样的方法之前，我正在写这篇文章

下面是一个有评论的例子：

.拖拉{ 光标：移动； }

---

在同一父分区内创建两个SVG。设置溢出：可见；只需设置指针事件：无；除了拖动时可拖动之外的所有对象？你是个天才，在同一父分区内创建两个SVG。设置溢出：可见；只需设置指针事件：无；除了拖动时可拖动的对象之外，所有对象都可以拖动？你是个天才，西米克