1. produkty
  2.   obraz
  3.   JavaScript
  4.   Image-Size
 
  

Open Source JavaScriptová knihovna pro zpracování obrázků

JavaScript API pro zjišťování rozměrů obrázků

Co je velikost obrázku?

Image-Size je velmi jednoduchá knihovna pro zpracování obrázků s nízkou hmotností, která umožňuje vývojářům softwaru získat rozměry obrázků za běhu. API podporuje širokou škálu obrazových formátů a pomocí API můžete získat rozměry většiny oblíbených formátů souborů. API poskytuje synchronní a asynchronní metodu pro práci s obrázky. Asynchronní funkce mají výchozí limit souběžnosti 100 a chcete-li tento limit změnit, můžete ručně změnit souběžnost. Navíc asynchronní verze nefunguje, pokud je vstupem Buffer a místo toho budete muset použít asynchronní metodu.

Previous Next

Začínáme s Image-Size

Doporučený způsob instalace Image-Size přes NPM. K instalaci použijte následující příkaz.

Nainstalujte Image-Size přes NPM

 npm install image-size --global

Získejte rozměry obrázku prostřednictvím bezplatného JavaScript API

Open-source knihovna Image-Size umožňuje vývojářům JavaScriptu získat rozměry obrázků programově. Aby bylo možné získat rozměry z obrázku, poskytuje API metodu sizeOf(). Pomocí následujících dvou řádků kódu snadno získáte rozměry obrázku.

Získejte rozměry obrázku

  1. Načíst knihovnu velikosti obrázku
  2. Získejte rozměry pomocí metody sizeOf() a předejte cestu obrázku jako řetězec
  3. Získejte šířku obrázku pomocí dimensions.width a height pomocí dimensions.height

Získejte rozměry obrázku pomocí JavaScriptu

const sizeOf = require('image-size')
const dimensions = sizeOf('images/funny-cats.png')
console.log(dimensions.width, dimensions.height)

Knihovna Image-Size také poskytuje funkce pro získání velikosti obrázku pomocí adresy URL. Je také možné nestahovat celý obrázek a volitelně přestat stahovat obrázek po několika kilobajtech. Je také možné zakázat určité typy obrázků. Následující příklad ukazuje, jak přistupovat k rozměru obrázku pomocí adresy URL

Získejte velikost obrázku pomocí adresy URL

const url = require('url')
const http = require('http')
const sizeOf = require('image-size')
const imgUrl = 'http://my-amazing-website.com/image.jpeg'
const options = url.parse(imgUrl)
http.get(options, function (response) {
  const chunks = []
  response.on('data', function (chunk) {
    chunks.push(chunk)
  }).on('end', function() {
    const buffer = Buffer.concat(chunks)
    console.log(sizeOf(buffer))
  })
})
 Čeština