div als Bild speichern, wenn Sie weiter klicken

Wie kann ich div als Bild speichern, wenn der Benutzer klickt als nächstes habe ich den Code, der dem Benutzer ermöglicht, das Div als Bild Vorschau und dann muss der Benutzer das Bild manuell speichern mit der rechten Maustaste und dann lade es als Bild hoch. Was ich wirklich will ist, dass das Div in einem Ordner in meinem DB speichert und den Namen in meiner DB-Tabelle speichert.div als Bild speichern, wenn Sie weiter klicken

$(function() { 
 
    var element = $("#firstshirt"); // global variable 
 
    var getCanvas; // global variable 
 
    $("#btn-Preview-Image").on('click', function() { 
 
    html2canvas(element, { 
 
     allowTaint: true, 
 
     logging: true, 
 
     onrendered: function(canvas) { 
 
     $("#previewImage").append(canvas); 
 
     getCanvas = canvas; 
 
     } 
 
    }); 
 
    }); 
 
});

<input id="btn-Preview-Image" type="button" value="Preview" />

Quelle

2016-10-09 momasboy

[canvas2image] (https://github.com/hongru/canvas2image) – adeneo

ich möchte auch erlaubenTaint: true – momasboy

@adeneo, diese Bibliothek scheint wirklich nur nützlich, um zu bmp zu konvertieren ... Sonst alles, was es tut, ruft toDataURL, wenn heute ist es fast immer zu Ihnen vorzuziehen se as async toBlob. – Kaiido

eine Möglichkeit, es zu tun ist, mit html2canvas

hier der Link: http://html2canvas.hertzen.com/examples.html

Quelle

2016-10-09 23:07:55 santosh

ich muss in der datenbank auf einreichen – momasboy

, sobald Sie es als Bild, codieren mit base64 und speichern in der Datenbank durch Ajax Anruf. Oder Sie können auch traditionellen Formularstil verwenden, wo beim Klicken auf Canvas-Bild als Base64-Zeichenfolge erhalten, legen Sie es als versteckten/sichtbaren Textbereich Wert und Formular absenden. – santosh

div als Bild speichern, wenn Sie weiter klicken

Antwort

Verwandte Themen