Kaydet div olarak png - html2canvas - bulanık görüntü kalitesi

Question

html2canvas kullanarak bir div yakalamaya çalışıyorum ve bir .png dosyası olarak kaydedin ve işe yarıyor!

(sadece örnek window.open kullanarak basitleştirmek için - aynı kalitede sorunu)

hedeflenen div içinde görüntülerin görüntü keskinliği/kalite oldukça kötü olduğunu ancak. Görüntü kalitesini/keskinliğini nasıl geliştireceğimi tam olarak bilmiyorum. Baska öneri ?

saveAsPNG fonksiyonu: Ne html2canvas yapar değil

saveAsPNG = function(id) { 
var target = document.getElementById(id); 

    html2canvas(target, { 
    onrendered: function(canvas) { 
     var data = canvas.toDataURL("image/png", 1); 
     window.open(data);  
    } 
    }); 
}; 

Answer 1

"aslında" bir ekran görüntüsü alma ama beyanda. Bu nedenle, sayfadaki mevcut bilgilere dayanarak ekran görüntüsünü oluşturur.

Belki de bulanık görüntüleri çekmemek için bir seçenek kullanmaktır.

https://github.com/ivoviz/feedback

Bu sayfanın belli bir bölümüne ekran görüntüsü almak için izin verir html2canvas dayalı bir jQuery eklentisi vardır. Bunu bir deneyin :)