1. Tuotteet
  2.   Kuva
  3.   JavaScript
  4.   Capture-Website
 
  

Avoimen lähdekoodin JavaScript-kirjasto kuvankäsittelyä varten

JavaScript API kuvakaappausten tallentamiseen verkkosivustoista

Mikä on Capture-Web-sivusto?

Capture-Website on avoimen lähdekoodin kevyt kuvankäsittelykirjasto, jonka avulla JavaScript-kehittäjät voivat kaapata kuvakaappauksia verkkosivustoista. Sovellusliittymän avulla voit ottaa kuvakaappauksia mistä tahansa verkkosivustosta käyttämällä sivuston URL-osoitetta, ja kuvakaappaukset tallennetaan tulostustiedoston polkuun. Voit määrittää kuvakaappausten leveyden, korkeuden, tyypin ja kuvanlaadun. Lisäksi voit myös ottaa kuvakaappauksia tietyn laitekoon perusteella.

Sovellusliittymän avulla et voi ottaa kuvakaappauksia vain näkyvästä osasta, vaan koko sivustosta, mukaan lukien koko vieritettävä sivu. Oletusarvoisesti API käyttää valkoista taustaa kuvakaappauksissa. Jos poistat taustan, API ottaa kuvakaappauksia läpinäkyvästi.

Previous Next

Capture-Web-sivuston käytön aloittaminen

Suositeltu tapa asentaa Capture-Website NPM:n kautta. Käytä seuraavaa komentoa asentaaksesi sen.

Asenna Capture-Website Thief NPM:n kautta

 npm install capture-website

Ota kuvakaappauksia verkkosivustosta ilmaisella JavaScript API:lla

Avoimen lähdekoodin Capture-Website-kirjaston avulla JavaScript-kehittäjät voivat kaapata kuvakaappauksia verkkosivustoista ohjelmallisesti. Jotta sivustosta voidaan ottaa kuvakaappauksia, API tarjoaa CaptureWebsite.file() -menetelmän. Menetelmä ottaa syötetiedoston nimen, tulostiedoston polun ja asetukset kuvakaappauksille. Käyttämällä seuraavia kahta koodiriviä voit helposti ottaa kuvakaappauksia verkkosivustosta.

Ota Web-sivuston kuvakaappaukset

  1. Tuo kaapata Web-sivuston kirjasto
  2. Kaappaa kuvakaappauksia sivustosta käyttämällä captureWebsite.file(input, outputFilePath, options?). Menetelmä kaappaa kuvakaappauksen annetusta syötteestä ja tallentaa sen annettuun outputFilePathiin.
  3. Voit myös määrittää tulostiedostolle asetuksia, kuten korkeuden, leveyden tyypin ja leveyden

Ota kuvakaappauksia verkkosivustosta JavaScriptillä

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

Ota kuvakaappauksia tietyn laitteen koon mukaan JavaScriptillä

Avoimen lähdekoodin Capture-Website -kirjaston avulla JavaScript-kehittäjät voivat kaapata kuvakaappauksen sellaisena kuin se on otettu määritetyllä laitteella. Sovellusliittymä tarjoaa emulateDevice-ominaisuuden, jotta sivustosta voidaan ottaa kuvakaappauksia. Voit emuloida iPhone X -kokoista kuvakaappausta. Käyttämällä seuraavia kahta koodiriviä voit helposti jäljitellä verkkosivuston kuvakaappauksia.

Emuloi laitetta kuvakaappauksille

  1. Tuo kaapata Web-sivuston kirjasto
  2. Kaappaa kuvakaappauksia sivustosta käyttämällä captureWebsite.file(tulo, outputFilePath, asetukset?). Menetelmä kaappaa kuvakaappauksen annetusta syötteestä ja tallentaa sen annettuun outputFilePathiin.
  3. Emuloi käyttämällä emulateDevice-ominaisuutta ja aseta arvoksi "iPhone X"

Emuloi verkkosivuston kuvakaappauksia JavaScriptillä

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