Fungsi tangkapan skrin JavaScript dalam sambungan Chrome

Question

Saya telah melakukan banyak carian tentang mengambil gambar menggunakan JS, tetapi tiada satu pun daripada mereka nampaknya berguna. Sesetengah orang berkata untuk menggunakan kawalan ActiveX, tetapi itu tidak berfungsi untuk kes saya. Saya mahu dapat mengambil gambar dan memuat naiknya ke pelayan menggunakan JS.

Answer 1

Saya tidak pasti sama ada fungsi ini sudah tersedia apabila jawapan asal diberikan, tetapi kini Google telah memberikan contoh yang menunjukkan cara untuk mengambil tangkapan skrin:

http://developer.chrome.com/extensions/samples.html

Cari "Sambungan Tangkapan Skrin Ujian" di halaman ini.

Kemas kini: Berikut ialah contoh baharu menggunakan API desktopCapture:

https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/apps/samples/desktop-capture

Answer 2

Memandangkan anda menggunakan ciri ini dalam sambungan Chrome, Tab API mempunyai kaedah yang dipanggil captureVisibleTab yang membolehkan untuk menangkap kawasan yang boleh dilihat pada tab yang dipilih pada masa ini dalam tetingkap yang ditentukan.

Untuk menggunakan kaedah ini, cuma tambahkan "tab" pada manifes keizinan anda. Kemudian dari halaman latar belakang anda, pop timbul (atau mana-mana halaman sambungan lain), cuma panggil kaedah seperti ini:

chrome.tabs.captureVisibleTab(null, {}, function (image) {
   // 您可以将该图像添加到HTML5画布或元素中。
});

Anda boleh mengawal sifat dengan menambahkan {quality: 50} dan juga menukar format, yang kesemuanya diterangkan secara terperinci dalam dokumentasi di atas.

Keindahan HTML5 ialah anda boleh menggunakan Kanvas HTML5 untuk mengubah suai imej ini, anda boleh memanipulasi, menukar, mengubah suai, memangkas, dsb. sebarang operasi dengan mudah!

Semoga inilah yang anda cari! Selamat tahun Baru!