Assinatura

Question

Pessoal Bom dia,

Estou iniciando no grupo, e gostaria de tirar uma duvida sobre c#.

Tenho um cadastro de proposta de venda e o meu cliente gostaria que essa proposta fosse assinada, alguém teria ideia de como fazer que essa assinatura seja feita diretamente na tela do tablet ou do celular?

Answer 1

Boa tarde

Eu acho que este documento pode ser capaz de ajudar a alcançar o seu objetivo:

https://www.thewebflash.com/using-signature-pad-with-asp-net-mvc/#:~:text=Using%20Signature%20Pad%20with%20ASP.NET%20MVC%201%20Data,to%20a%20View.%20...%208%20All%20Set%21%20

Answer 2

Obrigado, vou tentar montar conforme o tutorial

Answer 3

Boa tarde,

O tutorial ajudou?

Tem alguma duvida?

Answer 4

Não consegui ele está dando erro nesse código, eu acho que não estou sabendo iniciar ele, pode me ajudar?

var signaturePadWrappers = document.querySelectorAll('.signature-pad');

Array.prototype.forEach.call(signaturePadWrappers, function (wrapper) {
    var canvas = wrapper.querySelector('canvas');
    var clearButton = wrapper.querySelector('.btn-clear-canvas');
    var hiddenInput = wrapper.querySelector('input[type="hidden"]');

    var signaturePad = new SignaturePad(canvas);

    // Read base64 string from hidden input
    var base64str = hiddenInput.value;

    if (base64str) {
        // Draws signature image from data URL
        signaturePad.fromDataURL('data:image/png;base64,' + base64str);
    }

    if (hiddenInput.disabled) {
        signaturePad.off();
    } else {
        signaturePad.onEnd = function () {
            // Returns signature image as data URL and set it to hidden input
            base64str = signaturePad.toDataURL().split(',')[1];
            hiddenInput.value = base64str;
        };

        clearButton.addEventListener('click', function () {
            // Clear the canvas and hidden input
            signaturePad.clear();
            hiddenInput.value = '';
        });
    }
});