Générer une image à partir d'un élément html5 <canvas>

Bonjour,

je voudrais utiliser la librairie chart.js pour créer des graphiques de type radar et ensuite créer automatiquement une image jpg de chaque graphique et l'enregistrer dans un dossier de l'hébergement.

est ce possible?

Attention; je veux que ça soit automatisé... je sais qu'il existe une méthode canvas.toDataURL(); mais cela implique que l'utilisateur fasse un vlick droit sur l'image pour la sauvegarder, moi je veux qu'elle soit créée automatiquement sur le serveur et que son url soit enregistrée dans une BDD.
Modifié par lionel_css3 (29 Sep 2015 - 07:44)

Suggestion non testée :

var dataurl = canvas.toDataURL();

Avec jQuery (ou un équivalent hein, c'est juste plus rapide à écrire) :

$.ajax({
  type: "POST",
  url: "sauvermonimage.php",
  data: { 
     imgbase64: dataurl
  }
}).done(function(e) {
  console.log(e); // Vérifier ce que ça sort
});

Ensuite il faut récupérer côté PHP la valeur dans $_POST et écrire le fichier, en passant sûrement par base64_decode().
Modifié par dew (29 Sep 2015 - 09:57)

ah, merci Dew, je vais étudier cette piste