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.
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:
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/