Estoy usando el pad de firma hecho por szimek ( https://github.com/szimek/signature_pad ), con el que no tengo problemas para obtener la URL de datos.

Sin embargo, cuando dibujo muchas líneas en el lienzo, la URL devuelta por toDataURL() da como resultado un error que indica que no se puede acceder al sitio.

¿Puede alguien indicarme el camino correcto? Lo que posiblemente se pudo haber hecho mal

---EDIT--- Después de seguir la sugerencia hecha por @Sourabh Kumar

 var signatureDataURL = objOfSignaturePads[manual_ticket_id].toDataURL('image/jpeg');

Ahora puedo acceder a la URL de datos sin encontrar ningún error; sin embargo, las firmas están cortadas con un área gris adjunta debajo

Código

 var fd = new FormData(); function getTicketFieldDataForSubmission(manual_ticket_id, fd){ $( "#manual-complexform-fields-container"+manual_ticket_id ).children('textarea,select,input,.m-signature-pad').each(function (index, ele) { // if(jQuery(ele).attr('type')!='file'){ // console.log("MADE IN IN HERE123"); // console.log(jQuery(ele)); // fd.append(jQuery(ele).attr('name'),jQuery(ele).val()); // } if(jQuery(ele).attr('class')=='m-signature-pad'){ console.log('FOUND M SIGNATURE PAD'); if(objOfSignaturePads.hasOwnProperty(manual_ticket_id)) { console.log(manual_ticket_id); console.log(objOfSignaturePads); var signatureDataURL = objOfSignaturePads[manual_ticket_id].toDataURL('image/png'); fd.append('signature_data',signatureDataURL); } } else{ fd.append(jQuery(ele).attr('name'),jQuery(ele).val()); } }); enter code here