Comment enregistrer l'image générée par Canvas en js

Ci-dessous, je vais partager avec vous une méthode js pour générer une image à partir d'une toile et la sauvegarder, ou enregistrer directement une image. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Enregistrer le tableau de toiles

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

toile : Passer dans le dom de Objet toile

nom : Le nom de l'image enregistrée

Méthode pour enregistrer l'image directement

function downLoadImage(img,name) {
  var a = document.createElement("a");
  a.href = img.src;
  a.download = name;
  a.click();
}

img : Objet DOM de l'image

nom : Le nom lors de l'enregistrement en tant qu'image

Ce qui précède, c'est moi, je l'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde à l'avenir.

Articles connexes :

Utilisation de JS pour calculer le problème de l'achat de 100 poulets

Implémentation de la liaison d'attributs DOM dans Angular4

Comment implémenter l'arborescence JSON à l'aide de Vue2.x

Tutoriel sur l'installation et l'utilisation de CLI dans Angular4

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!