... non è comune, e non è semplice, e non tutte le email accettano immagine nel testo......
... per me sarebbe meglio predisporre il file firma da inviare come allegato, se proprio serve..

... comunque se ti interessa per il futuro, potresti postare la tua idea nella sezione IDEA, non si sa mai che si possa attuare in futuro...

... purtroppo in questo periodo ho poco tempo, ...ma posso solo dirti che impegnando pazientemente del tuo tempo nella ricerca sul WEB e con l'aiuto di AI potresti arrivare ad ottenere qualcosa di interessante...

... prova a documentarti su jsPDF  ed a quello che gli gira intorno...
... come idea fattibile per un punto di partenza come idea da sviluppare, io posso solo farti vedere le mie invenzioni uniche ed esclusive basate su jsPDF  detto prima (no! AI) di oltre tre lustri fa, e magari dandolo in pasto ad AI (v.f!) una volta che AI ha capito dal mio codice, forse ne potrebbe venire fuori qualcosa:
> con libreria JS jsPDF
> con SwishMax

... a te sbizzarirti...

.

ciao

.

... come idea in +, ed in teoria, il campo data immagine in codifica base64 del mio esempio jsPDF potrebbe essere inserito nel testo del modulo di contatto o mail_form...

... ed in +  mi sono ricordato anche di > FPpdf ...

.

Ótimo post, quem sabe icorporam no Objeto Formulário uma opção de assinatura ou um novo objeto parecido com opção de título, descrição, texto do documento, nomes e assinatura (algo assim).

con chatgpt ho ottenuto questo codice html:

<canvas id="signature-pad"
width="600"
height="250"
style="border:1px solid #ccc;border-radius:8px;width:100%;touch-action:none;">
</canvas>

<br><br>

<button onclick="clearSignature()">Cancella</button>
<button onclick="saveSignature()">Conferma Firma</button>

<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.2.0/dist/signature_pad.umd.min.js"></script>

<script>

const canvas = document.getElementById("signature-pad");

const signaturePad = new SignaturePad(canvas,{
backgroundColor:"rgb(255,255,255)",
penColor:"rgb(0,0,120)"
});

function resizeCanvas(){

const ratio=Math.max(window.devicePixelRatio||1,1);

canvas.width=canvas.offsetWidth*ratio;
canvas.height=250*ratio;

canvas.getContext("2d").scale(ratio,ratio);

signaturePad.clear();

}

window.addEventListener("resize",resizeCanvas);

resizeCanvas();

function clearSignature(){

signaturePad.clear();

}

function saveSignature(){

if(signaturePad.isEmpty()){

alert("Firma prima di continuare");

return;

}

let firma=signaturePad.toDataURL("image/png");

fetch("salva_firma.php",{

method:"POST",

headers:{
"Content-Type":"application/x-www-form-urlencoded"
},

body:"firma="+encodeURIComponent(firma)

});

}

</script>

ma non so come salvare la firma in una eventuale cartella, mi è stato fornito anche un codice php per salvare:

<?php

$firma=$_POST['firma'];

$firma=str_replace('data:image/png;base64,','',$firma);

$firma=str_replace(' ','+',$firma);

$dati=base64_decode($firma);

$nome="firme/".time().".png";

file_put_contents($nome,$dati);

echo $nome;

?>

ma non conoscendo il linguaggio non ho prprio idea su come inserirre il tutto sulla pagina