Maison  >  Article  >  interface Web  >  js réalise la sauvegarde de l'image générée par Canvas ou la sauvegarde directe d'une image

js réalise la sauvegarde de l'image générée par Canvas ou la sauvegarde directe d'une image

小云云
小云云original
2018-05-19 15:49:133151parcourir

Cet article vous explique principalement comment utiliser js pour générer des images à partir de Canvas et les enregistrer ou enregistrer directement une image. J'espère que cela pourra vous aider.

Enregistrer le tableau canvas

<span style="font-size: 14px;">function downLoadImage(canvas,name) {<br/>    var a = document.createElement("a");<br/>    a.href = canvas.toDataURL();<br/>    a.download = name;<br/>    a.click();}<br/></span>

canvas : l'objet DOM du canevas passé dans
name : le nom du image enregistrée

Méthode pour enregistrer l'image directement

<span style="font-size: 14px;">function downLoadImage(img,name) {<br/>    var a = document.createElement("a");<br/>    a.href = img.src;<br/>    a.download = name;<br/>    a.click();}<br/></span>

img : objet DOM de l'image
nom : nom lors de l'enregistrement comme image

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn