Kürzlich ist im Projekt eine Funktion des Herunterladens von Bildern erforderlich (wie unten gezeigt)
Betrachten Sie zunächst das Download -Attribut des A -Tags zum Herunterladen:
<A href = bild src download = download poster> download poster </a>
Nach dem Testen stellte ich jedoch fest, dass in Safari die heruntergeladenen Dateien nicht zum Erweiterungsnamen gebracht werden können, daher muss ich meine Meinung ändern und Leinwand zur Verarbeitung verwenden.
1. Bild muss Crossorigin = 'Anonymous' hinzufügen, um das Cross -Domain -Attribut des Bildes festzulegen
img.crossorigin = 'Anonymous';
2. Verwenden Sie Todataurl, um das Bild in das Basis64 -Format zu konvertieren
Canvas.todataurl (Bild/PNG)
3.. Verwenden Sie analog Klickereignis, um den Download auszulösen
var Save_link = document.createelement ('a'); ;Voller Code:
var Canvas = $ ('. Canvas'); Function () {var _w = img.naturalwidth; 'A'); .src = 'http://n.sinaimg.cn/transform/20170825/nzi3- fykiu fe6650492.jpg';};Das oben genannte ist der Inhalt dieses Artikels.