2013-02-28 15 views
5

Ich habe eine <div> mit einem Bild drin. Die Größe des Bildes kann durch die Benutzereingabe geändert werden, außerdem können Elemente zum aktuellen Bild hinzugefügt werden. Sobald ich fertig bin, möchte ich, dass der Benutzer das von ihnen erstellte Bild speichern kann.Machen Sie einen Schnappschuss von einem div

Ich habe MVC4 und jQuery verwendet, um das Projekt zu erstellen. Gibt es trotzdem einen Snapshot des erstellten Items? Ich habe auf Leinwand geschaut, aber das würde in meinem Fall nicht funktionieren.

Dank

+0

Speichern Sie einen temporären Snapshot lokal zur erneuten Verwendung während der 'aktuellen' Sitzung des Benutzers? –

+0

@Mark - Tut mir leid, ich muss dies in einer Datenbank speichern – CR41G14

Antwort

2

Intriguing Frage:

Sie können hier beginnen: http://html2canvas.hertzen.com/ eine Bibliothek, die Sie zu "kopieren" HTML-Code in Leinwand ermöglicht.

Dann gehen Sie hier: Uploading 'canvas' image data to the server

Eine Antwort, die Ihnen zeigt, wie Sie die Leinwand Bild an den Server zu senden.

Da haben Sie es.

Haftungsausschluss: habe mich nicht versucht, aber ich bin jetzt am sterben. Arbeitsfristen nicht erlaubt :)

+0

Interessante Lösung, ich werde es untersuchen – CR41G14

+0

Scheint zu arbeiten Art von, wissen Sie, ob dies auf einem Teil des Bildschirms und nicht der Körper getan werden kann? – CR41G14

+0

Ich habe damit einige Zeit gearbeitet. Es kann für einen Teil des Bildschirms getan werden (ein bestimmtes HTML-Element). Sie müssen die Dokumentation überprüfen. Jedoch würde ich eher vorschlagen, dass Sie die Koordinate des in der Größe veränderten Bildes und anderer Einzelteile erhalten und dann die verarbeitende Serverseite tun. Zuverlässiger imo. – Salman

Verwandte Themen