Estoy tratando de entrenar cómo mover elementos fuera de la pantalla o volver a la pantalla. Tengo una imagen equirrectangular de 360 grados. Y poner elementos en ciertos puntos de esa imagen. Entonces, cuando el grado de vista de la imagen cambia, trate de mover esos elementos también. Por ejemplo.

 const mouseDownHandler = (e: MouseEvent): void => { clicked= true } const mouseUpHandler = (e: MouseEvent): void => { clicked= false } const mouseMoveHandler = (e: MouseEvent) => { if (clicked) { elements.forEach(item => { item.style.left = (item.computedStyleMap().get('left').value + e.clientX / window.innerWidth * 100) + "%"; }) } }

con el código anterior, los elementos se mueven pero, por supuesto, en cada click and move , los elementos aparecen donde se hizo clic con el mouse y lo siguen mientras se mueve. Entiendo el problema. e.clientX / window.innerWidth * 100) siempre apunta el cursor. Entonces, ¿cómo puedo resolver el problema aquí?