0

Hola tengo una pequena duda sobre como puedo capturar la firma de una persona en ASP.net Core mvc C#.

Ejemplo tengo una Rotativa donde se pide la firma al final, me gustaria saber si es posible implementar una funcion que deje capturar la firma y guardarla para posteriormente ser insertada en el documento pdf.

Gracias

9
  • Suena a que sí se puede hacer, pero necesito más datos de lo que estás haciendo, dispositivos que usas, etc... se me ocurre a bote pronto que haciendo una captura de pantalla y guardando el archivo como una imagen, luego tienes que añdir esa firma (imagen) a donde quieras
    – Iria
    el 3 feb. 2020 a las 12:22
  • 1
    Podrias mirar por favor el recorrido de bienvenida y tambien Cómo preguntar.. esta pregunta es lo que se considera basada en opiniones y podria terminar cerrada.
    – gbianchi
    el 3 feb. 2020 a las 12:32
  • 1
    @KevinWalch, no te puedo poner como hacerlo ya que yo lo tengo hecho en otra plataforma totalmente diferente, pero mirate este webcomponent que igual te sirve: github.com/szimek/signature_pad , con esto puedes obtener un png que lo guardes en la base de datos y despues lo insertas en el pdf, asi es como lo hago en mi aplicacion. el 3 feb. 2020 a las 12:37
  • 1
    Para capturar una firma y guardarla en un documento pdf, tienes que hacer que alguien firme y después guardarlo en un documento pdf. el 3 feb. 2020 a las 12:59
  • 1
    que es una Rotativa? el 3 feb. 2020 a las 13:20

1 respuesta 1

3

La forma para capturar una firma es por medio de un canvas en html 5, pero vas a necesitar algo mas que asp.net core ya que esta funcionalidad se implementa del lado del cliente y se envia al servidor por medio de ajax

A minimalist example of using Html5 Canvas to save signature as image using Web API

En este caso no define en el html un canvas directamente, sino que se ayuda con la libreria

signature_pad

por eso veras que define

<div class="panel-body" id="signature-pad">
<div>

es el panel donde se firma

Despues envia la imagen de la forma al servidos

public IHttpActionResult Post([FromBody]Signature data)
{
    byte[] photo = Convert.FromBase64String(data.Value);

    //resto codigo
}

La idea es enviar la imagen serializada como base64, por eso hace uso del toDataURL() para obtener esa serializacion

dataURL = signaturePad.toDataURL().replace('data:image/png;base64,', '');
var data = JSON.stringify(
                   {
                       value: dataURL
                   });

$.ajax({
    type: "POST",
    url: "/api/signature",
    contentType: false,
    processData: false,
    data: data,
    contentType: "application/json; charset=utf-8",
    success: function (msg) {
        alert("Done!");
    },
    error: onWebServiceFailed
});

y enviarla por ajax al servidor

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.