Envoyer la source d'une balise <img> à une autre page

[liryks_6]

Bonjour,

Je réalise en ce moment une application à l'aide de la canvas. Les utilisateurs peuvent modifier en temps réel le contenu de cette balise en y ajoutant des images par exemple.

J'aimerai que les utilisateurs puissent ensuite s'envoyer le contenu de la balise canvas par mail.

Pour récupérer l'url de la balise canvas je procède de cette manière.

Code :

1
2
var canvas = document.getElementById("canvas");
        var img    = canvas.toDataURL("image/png");

J'aimerai ensuite que l'utilisateur puisse cliquer sur "envoyer par mail" et s'envoyer le contenu de la balise canvas. Je veux procéder à l'envoi du mail en PHP à l'aide de la class PHPmailer.
Ce que je pensai faire: Lorsque l'utilisateur à entrer son adresse mail, il peut cliquer sur "envoyer". A ce moment là on fait appel à une nouvelle page PHP contenant le code permettant d'envoyer un mail grâce à PHPmailer. Mais je ne sais pas comment "envoyer" l'image (le contenu de la balise canvas") à cette nouvelle page PHP.
Avez vous une idée? ou une alternative à ma solution?

Merci