Enregistrer une image du canvas


Il est possible d'enregistrer une image du canvas aux formats jpg ou png.

saveCanvas('nom du fichier image', 'extension du fichier')


Exemple :

function keyPressed() {
  if (key == 's' || key == 'S') {
    saveCanvas('ImageCanvas', 'png');
  }
}

<html> <center></html>

Clique dans le canvas puis appuis sur la touche s ou S
pour sauvegarder une image du canvas :

<html> </center></html>

<html>

<iframe src=“https://editor.p5js.org/slaurent/embed/Rk-42RiUR” scrolling=“no” frameborder=“0” style=“height: 100%; width: 100%; ”></iframe>

</html>

D'autres paramètres sont possibles, en particulier lorsque plusieurs canvas sont sur la même page : https://p5js.org/reference/#/p5/saveCanvas