Replace `<a-cursor>` ring with an image in aframe

Question

Is there any way I can use an image as a <a-cursor>.

<a-cursor>

</a-cursor>

I tried to put an <a-image> inside it but it doesn't works for me.

Answer 1

Try to place the image as a sibling of a-cursor and wrap both with the camera. Here's an example:

  <a-entity id="main-camera-wrapper">
    <a-camera id="main-camera">
      <a-cursor id="fuse-cursor" material="opacity: 0;" position="0 0 -1"></a-cursor>
      <a-image src="#my-image" position="0 0 -.99"></a-image>
    </a-camera>
  </a-entity>