Pustaka JavaScript Sumber Terbuka untuk Pemrosesan Gambar
JavaScript API untuk menangkap tangkapan layar situs web
Apa itu Capture-Website?
Capture-Website adalah pustaka pemrosesan gambar ringan sumber terbuka yang memungkinkan pengembang JavaScript untuk menangkap tangkapan layar situs web. Menggunakan API, Anda dapat mengambil tangkapan layar dari situs web apa pun dengan menggunakan URL situs dan tangkapan layar disimpan di jalur file keluaran. Anda dapat mengatur lebar, tinggi, jenis, dan kualitas gambar tangkapan layar. Selain itu, Anda juga dapat mengambil tangkapan layar berdasarkan ukuran perangkat tertentu.
Dengan menggunakan API, Anda tidak hanya dapat mengambil tangkapan layar dari bagian yang terlihat tetapi juga situs lengkap termasuk halaman penuh yang dapat digulir. Secara default, API menggunakan latar belakang putih untuk tangkapan layar. Jika Anda menghapus latar belakang, API akan menangkap tangkapan layar dengan transparansi.
Memulai dengan Capture-Website
Cara yang disarankan untuk menginstal Capture-Website melalui NPM. Silakan gunakan perintah berikut untuk menginstalnya.
Install Capture-Website Thief via NPM
Instal Pencuri Tangkap-Situs Web melalui NPM
npm install capture-website
Tangkap Tangkapan Layar Situs Web melalui API JavaScript Gratis
Pustaka Tangkap-Situs Web sumber terbuka memungkinkan pengembang JavaScript untuk menangkap tangkapan layar situs web secara terprogram. Untuk menangkap tangkapan layar situs, API menyediakan metode captureWebsite.file() . Metode ini mengambil nama file input, jalur file output, dan opsi untuk tangkapan layar. Dengan menggunakan dua baris kode berikut, Anda dapat dengan mudah mengambil tangkapan layar situs web.
Tangkap Tangkapan Layar Situs Web
- Impor ambil Perpustakaan Situs Web
- Tangkap Tangkapan Layar situs menggunakan captureWebsite.file (input, outputFilePath, opsi?). Metode ini menangkap tangkapan layar dari input yang diberikan dan menyimpannya ke outputFilePath yang diberikan.
- Anda juga dapat mengatur opsi seperti tinggi, jenis lebar, dan lebar untuk file output
Tangkap Tangkapan Layar Situs Web dalam JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png');
Tangkap Tangkapan Layar untuk Ukuran Perangkat Tertentu dalam JavaScript
Pustaka Capture-Website open-source memungkinkan pengembang JavaScript untuk menangkap tangkapan layar saat diambil pada perangkat yang ditentukan. Untuk menangkap tangkapan layar situs, API menyediakan properti emulateDevice. Anda dapat meniru tangkapan layar ukuran iPhone X. Dengan menggunakan dua baris kode berikut, Anda dapat dengan mudah meniru tangkapan layar situs web.
Emulasi Perangkat untuk Tangkapan Layar
- Impor ambil Perpustakaan Situs Web
- Tangkap Tangkapan Layar situs menggunakan captureWebsite.file (input, outputFilePath, opsi?). Metode ini menangkap tangkapan layar dari input yang diberikan dan menyimpannya ke outputFilePath yang diberikan.
- Emulasi menggunakan properti emulateDevice dan atur nilainya ke 'iPhone X'
Tiru Tangkapan Layar Situs Web dalam JavaScript
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
emulateDevice: 'iPhone X'
});