Guardar canvas jepg

Question

Buenas tardes, tengo una firma en un canvas denominado pizarra, una vez tengo la firma como puedo grabarla en el servidor en una dirección específica, trabajo en VS2019, y en VB, muchas gracias.

Answer 1

Buenas tardes, tengo una firma en un canvas denominado pizarra, una vez tengo la firma como puedo grabarla en el servidor en una dirección específica, trabajo en VS2019, y en VB, muchas gracias.

Answer 2

Hola perlita01,

Gracias hacer la consulta en los foros de MSDN, en este momento vamos a investigar tu caso y tendremos noticias lo mas pronto posible.

Si hay alguna otra información adicional que guste adjuntar al problema nos lo puedes hacer saber.

Benjamin G,

---

Recuerde "marcar como respuesta" las respuestas que resolvieron su problema, es una forma común de reconocer a quienes ayudaron y facilita que otros visitantes encuentren la solución más adelante.

Si tiene algún cumplido o queja sobre el soporte técnico de MSDN, no dude en ponerse en contacto con [e-mail]

Answer 3

Buenos días, tambien que el nombre del archivo sea un texto que tengo en un Label, muchas gracias por la colaboración, saludos.

El código que tengo para guardarlo en el momento y que funciona, pero lo necesito hacia el servidor,  es:

 function SaveImage() {
        let canvas = document.getElementById("pizarra");
        let link = window.document.createElement('a');
        let url = canvas.toDataURL();
        let filename = 'Firma_Contrato.jpeg';

        link.setAttribute('href', url);
        link.setAttribute('download', filename);
        link.style.visibility = 'hidden';
        window.document.body.appendChild(link);
        link.click();
        window.document.body.removeChild(link);
            }

Adicionalmente tengo este códigi con ajax pero cuando lo coloco, no me deja hacer trazos el la pizarra, saludos:

  function SaveImage() {
       let canvas = document.getElementById("pizarra");
        let url = canvas.toDataURL('image/png');
        let b64 = url.slice(url.indexOf(',') + 1);
        $.ajax({
              url: "webservice/SaveFile",
   cache: false, 
        dataType: "json",
            data: '{"data":"' + b64 + '"}',
           type: "POST",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                console.log(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.error(XMLHttpRequest, textStatus, errorThrown);
               
        }
        };