Javascript A帧：将3d指针事件映射到2D画布

目前我有一个基于画布的应用程序，我可以在其中拖放项目（使用fabric.js）。我想使用这个画布作为一个使用框架绘制组件的实体上的纹理，我还希望这个画布出现在一个我可以操纵项目的平面上。有人对可行性有想法吗

---

我想我可以创建一个函数，使用canvas.dispatchEvent在光线位于平面内时映射单击/移动事件，这将涉及计算光线与平面的交点，并将其转换为二维坐标。似乎这种2d交互功能对于创建不需要3d模型的丰富界面非常有用，所以我想知道是否有一些3d party库可以实现它。您的反馈将不胜感激。

您是否询问双向同步，以便您可以直接与画布交互以及与a-Frame中的镜像版本交互？

raycaster

组件可以为您提供控制器指向的三维或二维坐标，但将事件分派到基于画布的应用程序将由您决定（可能很难）。是的，我怀疑分派事件可能很棘手或容易出错，但这大致概括了我想要做的事情。如果将平面与xy平面对齐，则更容易，这样就不必映射变换3D->2D。这里甚至有一个光标跟随曲面，这将非常有用，因此我不必亲自进行光线投射平面相交。