Mit html2canvas versuche ich ein div zu erfassen und es als .png Datei zu speichern, und es funktioniert!save div als png - html2canvas - unscharfe Qualität
(nur window.open mit in Beispiel um es zu vereinfachen - die gleiche Qualitätsproblem)
jedoch die Bildschärfe/Qualität der Bilder im Innern des gezielten div ziemlich schlecht ist. Ich bin nicht ganz sicher, wie man die Bildqualität/Schärfe verbessert. Irgendwelche Vorschläge ?
saveAsPNG Funktion:
saveAsPNG = function(id) {
var target = document.getElementById(id);
html2canvas(target, {
onrendered: function(canvas) {
var data = canvas.toDataURL("image/png", 1);
window.open(data);
}
});
};
Zunächst ist 'image/png' nutzlos, weil es der Standardwert für' toDataURL' ist. Und die 'encoderOptions' (2. Parameter) wird nur für' image/jpeg' und 'image/webp' verwendet. Es löst das Problem nicht, aber es "korrigiert" den Code. –
Ich habe diese Zeile 'document.body.appendChild (canvas);' vor der on mit 'toDataURL' hinzugefügt. Und das Canvas-Rendering ist auch verschwommen. Es kommt also von html2canvas und es gibt keine Möglichkeit die Qualität zu verbessern. –
Auch habe ich diese Antwort gefunden: http://Stackoverflow.com/a/31726736/5119765 –