Estamos implementando la firma electrónica de documentos utilizando la biblioteca createJS. Recopilamos la firma del usuario y la guardamos, luego cargamos el documento en un lienzo y marcamos el lugar de la firma en cada página. Cada documento puede tener una o más páginas o no tener ninguna. La mayoría de los documentos provienen de otros servicios web y nos envían una serie de eventos de firma junto con la base64 de la página. Cada evento de firma tiene la ubicación x e y de la firma en la página en píxeles y cargamos la firma en la página usando createjs.Bitmap y se carga exactamente donde se supone que debe estar sin problemas. El problema es que estamos tratando de implementar una función de Siguiente firma donde la pantalla debe desplazarse a la siguiente ubicación de firma (ver la maqueta) En este momento, cada tarjeta de documento tiene una clase de acordeón y cerrará la tarjeta después de que se firmen todas las firmas en el documento. Actualmente multiplico el número de páginas abiertas * 1024 + (signatureEvent[y]) y luego uso jQuery para desplazarme a la ubicación. Pero después de 4 o 5 documentos, las ubicaciones no son precisas y la página se desplaza a la ubicación de firma incorrecta.
Así que estoy buscando una manera de asociar cada firma con un elemento div con una identificación a la que puedo desplazarme o cualquier otro método que pueda usarse con elementos createjs. Cada firma se coloca dentro del contenedor createjs y luego se coloca en el lienzo, pero no veo la identificación del contenedor cuando inspecciono el html.
var signatureContainer = new createjs.Container(); signatureContainer.id = item.SignatureEventId; signatureContainer.x = item.Left; signatureContainer.y = item.Top; signatureContainer.PageNum = item.PageId;También traté de usar createjs DOMElement pero no pude asociarlo con el contenedor de la firma.
Cualquier dirección será apreciada.
