javascript - Web 应用程序中的多个光标 - 如何显示它们？

Question

我正在开发一个用于安排项目的应用程序。它的主要功能之一应该是实时显示当前登录的用户的光标。就像在 Figma 中一样：

在后端，我将使用 Firebase 实时数据库，我将在其中存储鼠标光标坐标。但是，我在前端部分遇到了问题 - 我想知道在显示它们的方式方面什么是最好的方法？

最常见的解决方案是使用 html canvas，但我担心这意味着我必须完全重建我的应用程序前端；）

所以也许只是一些代表其他用户光标的小 divs / svg 元素？有了这个解决方案，恐怕光标会覆盖界面元素，因此无法单击这些元素。也许它需要玩 z-index？

请告诉我，您认为最好的方法是什么。

标签： javascripthtmlcssweb-applications