Muestro documentos pdf en un iframe en mi sitio web (todos los documentos se almacenan en el mismo dominio).
Me gustaría que los usuarios pudieran hacer clic en el documento para agregar comentarios en una ubicación específica. Para hacer esto, estoy buscando una forma de obtener la coordenada dentro de un iframe (cuando hacemos clic).
No parece posible... Sin embargo, existen soluciones de pago que ofrecen este tipo de funcionalidad. Ejemplo: https://pdfjs.express/demo Entonces, ¿qué proceso se usa?
Gracias por tu ayuda.
Puede obtener la coordenada de un clic usando el evento onmousedown . El evento le proporciona un objeto MouseEvent que contiene las coordenadas x e y del clic en relación con el puerto de visualización.
Para obtener la coordenada relativa a su iframe , debe restar offsetLeft y offsetTop
var iframe = document.getElementById("iframe") onmousedown = function(e) { document.getElementById("position").textContent = "Mouse position: " + (e.clientX - iframe.offsetLeft) + " | " + (e.clientY - iframe.offsetTop) }Editar
Puede usar PDF.js y un canvas en lugar de un iframe simple para controlar mejor el visor de PDF.