1. Produk
  2.   Imej
  3.   JavaScript
  4.   Capture-Website
 
  

Perpustakaan JavaScript Sumber Terbuka untuk Pemprosesan Imej

API JavaScript untuk menangkap tangkapan skrin tapak web

Apa itu Capture-Website?

Capture-Website ialah perpustakaan pemprosesan imej ringan sumber terbuka yang membolehkan pembangun JavaScript menangkap tangkapan skrin tapak web. Menggunakan API, anda boleh mengambil tangkapan skrin mana-mana tapak web dengan menggunakan URL tapak dan tangkapan skrin disimpan pada laluan fail output. Anda boleh menetapkan lebar, ketinggian, jenis dan kualiti imej tangkapan skrin. Tambahan pula, anda juga boleh mengambil tangkapan skrin berdasarkan saiz peranti tertentu.

Menggunakan API, anda bukan sahaja boleh mengambil tangkapan skrin bahagian yang kelihatan tetapi tapak lengkap termasuk halaman boleh tatal penuh. Secara lalai, API menggunakan latar belakang putih untuk tangkapan skrin. Jika anda mengalih keluar latar belakang, API akan menangkap tangkapan skrin dengan ketelusan.

Previous Next

Bermula dengan Capture-Website

Cara yang disyorkan untuk memasang Capture-Website melalui NPM. Sila gunakan arahan berikut untuk memasangnya.

Pasang Capture-Website Thief melalui NPM

 npm install capture-website

Tangkap Tangkapan Skrin Laman Web melalui API JavaScript Percuma

Pustaka Capture-Website sumber terbuka membolehkan pembangun JavaScript menangkap tangkapan skrin tapak web secara pengaturcaraan. Untuk menangkap tangkapan skrin tapak, API menyediakan kaedah captureWebsite.file(). Kaedah ini mengambil nama fail input, laluan fail output dan pilihan untuk tangkapan skrin. Dengan menggunakan dua baris kod berikut, anda boleh mendapatkan tangkapan skrin tapak web dengan mudah.

Tangkap Tangkapan Skrin Laman Web

  1. Import tangkapan Perpustakaan Laman Web
  2. Tangkap Tangkapan Skrin tapak menggunakan captureWebsite.file(input, outputFilePath, pilihan?). Kaedah ini menangkap tangkapan skrin input yang diberikan dan menyimpannya ke outputFilePath yang diberikan.
  3. Anda juga boleh menetapkan pilihan seperti ketinggian, jenis lebar dan lebar untuk fail output

Tangkap Tangkapan Skrin Laman Web dalam JavaScript

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');

Tangkap Tangkapan Skrin untuk Saiz Peranti Tertentu dalam JavaScript

Pustaka Capture-Website sumber terbuka membenarkan pembangun JavaScript menangkap tangkapan skrin kerana ia diambil pada peranti yang ditentukan. Untuk menangkap tangkapan skrin tapak, API menyediakan sifat emulateDevice. Anda boleh meniru tangkapan skrin saiz iPhone X. Dengan menggunakan dua baris kod berikut, anda boleh meniru tangkapan skrin tapak web dengan mudah.

Tiru Peranti untuk Tangkapan Skrin

  1. Import tangkapan Perpustakaan Laman Web
  2. Tangkap Tangkapan Skrin tapak menggunakan captureWebsite.file(input, outputFilePath, pilihan?). Kaedah ini menangkap tangkapan skrin input yang diberikan dan menyimpannya ke outputFilePath yang diberikan.
  3. Tiru menggunakan sifat emulateDevice dan tetapkan nilai kepada 'iPhone X'

Tiru Tangkapan Skrin Laman Web dalam JavaScript

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 Melayu