SVG：appendNode替代“带到前面”

Question

据我所知，将一些东西带到前面的唯一方法是删除/追加，或者只是追加。然而，这是非常低效的，我想我先在这里查看。 我有一组复杂的对象，它们在鼠标悬停（路径和文本）上弹出。我最初认为我会通过创建弹出窗口的一个静态实例并隐藏它来处理这个问题。无论何时需要，我只需将其翻译并使其可见。

我认为这很有效，但事实证明它是透明的 - 在脚本中动态创建的任何东西都会出现在它上面。有没有办法让这项工作？另一种方法是在每次鼠标悬停时从头开始创建它，然后在mouseout上删除它，这感觉不对。

谢谢 -

的Al

Answer 1

你可以给它一个巨大的 z-index，如果绝对定位（或固定），则切换可见性，如果它是静态的，则切换显示。最少量的重绘是将其绝对定位或固定，并在隐藏和可见之间切换可见性。