现在，我有一个A帧场景，360度视频映射到球体内部，我添加了几个<a-plane>，但我想在其上添加2D按钮在<a-plane>旁边（在对象顶部悬停的类型）使用canvas（使用普通ol＆＃39; HTML）。问题是用户可以点击并拖动<a-plane>，因此3D环境中的位置会发生变化（<a-plane>的大小也会发生变化（因为旋转屏幕时图像会变形）
有没有办法找出canvas元素<a-plane>中图像边界的x-y位置？我必须使用画布，因为由于倾斜的视角，它在屏幕的一角处略微翘曲。
答案 0 :(得分：0)
有一个鼠标光标组件，它将根据鼠标的XY启动一个raycaster。因此，您可以判断实际鼠标光标悬停在对象上的时间：https://github.com/mayognaise/aframe-mouse-cursor-component
对于原始的three.js示例，请查看https://threejs.org/examples/#webgl_interactive_cubes