Erzeugt ein Bild von einem Div und speichert als

8

Ich möchte einen Eingabeknopf "Bild speichern" erstellen, der:

  1. nimm einen Screenshot von einem div
  2. fragen Sie nach "Speichern unter" auf dem Computer des Benutzers

Ich habe herausgefunden, wie man einen Bildschirm eines Tauchgangs mit html2canvas erstellt und es in einem neuen Tab öffnet, es funktioniert perfekt:

%Vor%

Aber für dich Rette als Teil, ist eine Art des schwierigen Teils ... Ich habe interessante Themen gefunden, da ich neu in der JS- (und Objekt-) Programmierung bin, bin ich ein wenig verwirrt ... Ich denke, ich muss die Datei FileSaver.js verwenden und einen neuen Blob erstellen Ссылка

Aber ich verstehe nicht, wie man die saveAs in meinem html2canvas implementiert, wie man einen neuen Blob richtig darstellt ...

%Vor%

Ich habe auch versucht, etwas damit zu tun, indem ich die von base64 generierte URL extrahiert habe, aber es ist zu kompliziert für mich, alles zu verstehen: Ссылка

Aber jemand gibt mir ein paar Tipps und hilft mir bitte?

    
Jaggana 12.11.2015, 09:53
quelle

3 Antworten

3

Hier ist der endgültige Code, wenn es Ihnen hilft:

%Vor%     
Jaggana 10.07.2017, 05:01
quelle
3
___ qstnhdr ___ Erzeugt ein Bild von einem Div und speichert als ___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ answer3369243 ___

Sie könnten diesen Ansatz machen:

%Vor%     
___ tag123base64 ___ Base64 ist ein Satz von Codierungsschemas, die binäre Daten in einem ASCII-String-Format darstellen. ___ tag123blob ___ Ein BLOB ist eine Sammlung von Binärdaten, die als einzelne Einheit in einem Datenbankverwaltungssystem gespeichert sind. ___ answer33669027 ___

Haben Sie sich

angesehen?

Ссылка

Sieht aus, als ob es das tut, was Sie brauchen

    
___ qstntxt ___

Ich möchte einen Eingabeknopf "Bild speichern" erstellen, der:

  1. nimm einen Screenshot von einem div
  2. fragen Sie nach "Speichern unter" auf dem Computer des Benutzers

Ich habe herausgefunden, wie man einen Bildschirm eines Tauchgangs mit html2canvas erstellt und es in einem neuen Tab öffnet, es funktioniert perfekt:

%Vor%

Aber für dich Rette als Teil, ist eine Art des schwierigen Teils ... Ich habe interessante Themen gefunden, da ich neu in der JS- (und Objekt-) Programmierung bin, bin ich ein wenig verwirrt ... Ich denke, ich muss die Datei FileSaver.js verwenden und einen neuen Blob erstellen Ссылка

Aber ich verstehe nicht, wie man die saveAs in meinem html2canvas implementiert, wie man einen neuen Blob richtig darstellt ...

%Vor%

Ich habe auch versucht, etwas damit zu tun, indem ich die von base64 generierte URL extrahiert habe, aber es ist zu kompliziert für mich, alles zu verstehen: Ссылка

Aber jemand gibt mir ein paar Tipps und hilft mir bitte?

    
___ tag123filesaverjs ___ FileSaver.js implementiert das HTML5 W3C saveAs () FileSaver-Interface in Browsern, die es nicht nativ unterstützen ___ tag123html2canvas ___ html2canvas ist eine JavaScript-HTML-Rendering-Bibliothek, mit der Sie "Screenshots" von Webseiten erstellen können, die auf dem DOM basieren. ___ answer45004082 ___

Hier ist der endgültige Code, wenn es Ihnen hilft:

%Vor%     
___
Paweł Głowacz 12.11.2015 10:26
quelle
1

Haben Sie sich

angesehen?

Ссылка

Sieht aus, als ob es das tut, was Sie brauchen

    
Matt Bryson 12.11.2015 10:15
quelle