De hecho, estoy trabajando en un proyecto en el que necesito "dibujar" rectángulos en un PDF. Esto sucede de la misma manera que seleccionaría varios archivos en su escritorio. Mantiene presionado su clic, "dibuja" un rectángulo y una vez que su rectángulo tiene el tamaño que desea, simplemente suelta el clic.

Para hacer esto, uso React-PDF-highlighter (encuentre un ejemplo aquí: https://agentcooper.github.io/react-pdf-highlighter/ ---> Tenga en cuenta que para dibujar dicho rectángulo en este ejemplo, debe mantenga presionada la tecla de opción en Mac o Altkey en Windows al mismo tiempo).

Por alguna razón, realmente me gustaría permitir que el usuario arrastre un cuadrado desde algún tipo de menú izquierdo en el PDF. Para "arrastrar y soltar", uso React-dnd.

así que de ahora en adelante, imagine una pantalla dividida en 2. En el lado izquierdo, tiene la posibilidad de arrastrar y soltar un rectángulo y en el lado derecho, tiene un archivo PDF que puede contener varias páginas, por supuesto.

El problema es que cuando arrastro y suelto mi cuadrado en mi componente de resaltado de PDF, no tengo forma de saber en qué página dejé caer mi rectángulo. Sin embargo, tengo las coordenadas de pantalla de la caída.

¿Hay alguna manera de SIMULAR un movimiento del mouse? En realidad no lo hago, sé que eso es imposible. Pero, ¿puedo hacer que el navegador crea que el mouse hizo clic en un punto determinado (las coordenadas de la gota liberada) y, a partir de ahí, hacer creer que el clic se soltó un poco más en diagonal para crear un cuadrado simple que quedaría bien agregado? a la lista?

¡Si alguien me ayuda aquí, él o ella obtendrían mi eterna gratitud!

¡Que tengas un día maravilloso y todo lo mejor para 2022!