HTML5/Canvas kullanarak ekran görüntüleri almak için JavaScript
Google "Hata Raporu" ya da "geri bildirim Aracı" tarayıcı penceresinin bir alana bir hata ile ilgili görüşlerinizi gönderilen bir ekran görüntüsü oluşturmak için seçmenizi sağlar.
Bunu nasıl yapıyorlar? Google'ın JavaScript geri bildirim API here yüklenir ve their overview of the feedback module ekran özelliği gösteren.
CEVAP
JavaScript DOM okumak canvas
kullanarak oldukça doğru bir temsilini oluşturabilirsiniz. Tuval resim içine html dönüştüren bir senaryo üzerinde çalışıyorum. Bugün gönderme içine bir uygulama yapmaya karar verdim tarif ettiğin gibi geri bildirimler.
Komut dosyası bir ekran görüntüsü, istemcilerin tarayıcı oluşturulmuş, bu form ile birlikte dahil olan geri bildirim formları oluşturmanızı sağlar. Ekran görüntüsü alarak DOM gibi olmayabilir 0 doğru, gerçek temsili olarak değil, bir gerçek ekran görüntüsü, ama oluşturur ekran görüntüsü bilgilere göre mevcut sayfa.
sunucudan herhangi bir işleme gerektirmezbir bütün olarak görüntü tarayıcı istemcilerinin. oluşturulur Bu HTML2Canvas script kendisi hala bir çok deneysel bir devlet olarak değil, ayrıştırmak neredeyse kadar olan CSS3 nitelikler isterdim, ne var herhangi bir destek yükü KÖŞELERİ görüntüleri bile bir proxy mevcut değildi.
Sınırlı tarayıcı uyumluluğu (daha fazlası olamazdı çünkü, sadece daha fazla çapraz yapmak için zaman tarayıcı desteklenen olmadı değil) hala oldukça.
Daha fazla bilgi için buradaki örnekler bir göz atalım:
http://hertzen.com/experiments/jsfeedback/
edit Html2canvas şimdi komut here examples here bazı ayrı olarak kullanılabilir.
2 düzenleyin Başka bir onay Google kullanan bir çok benzer yöntem, (aslında temel belgeleri tek büyük fark, onların zaman uyumsuz yöntemin geçme/çizim) bulunabilir Bu sunum ile Elliott Sprehn gelen Google geri bildirim takım: http://www.elliottsprehn.com/preso/fluentconf/
Nasıl emülatör ekran görüntüleri Eclip...
Ne'algılamak için en iyi yolu s &...
Nasıl tam yol kullanarak bir JavaScrip...
Java kullanarak bir ekran görüntüsü al...
Nasıl JavaScript ile bir dıv ekran gör...