Récemment, dans le projet, une fonction de téléchargement de photos est nécessaire (comme indiqué ci-dessous)
Envisagez d'abord d'utiliser l'attribut de téléchargement de la balise A Télécharger:
<A href = photo src download = télécharger l'affiche> Télécharger l'affiche </a>
Cependant, après les tests, j'ai constaté que dans Safari, les fichiers téléchargés ne peuvent pas être apportés au nom d'expansion, je dois donc changer mon avis et utiliser la toile pour le traitement.
1. L'image doit ajouter Crossorigin = 'Anonymous' pour définir l'attribut croisé de l'image
img.crossorigin = 'anonymous';
2. Utilisez Todataurl pour convertir l'image au format Base64
Canvas.todataurl (image / png)
3. Utilisez un événement de clic analogique pour déclencher le téléchargement
var Save_link = document.CreateElement (A '); ;
Code complet:
var canvas = $ ('. canvas'); Function () {var _w = img.naturalwidth; 'A'); .src = 'http://n.sinaimg.cn/transform/20170825/nzi3- fykiu fe6650492.jpg';}Ce qui précède est tout le contenu de cet article.