1. Tuotteet
  2.   Kuva
  3.   JavaScript
  4.   Image-Size
 
  

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

JavaScript API kuvan mittojen havaitsemiseen

Mikä on kuvan koko?

Image-Size on hyvin yksinkertainen kevyt kuvankäsittelykirjasto, jonka avulla ohjelmistokehittäjät voivat saada kuvien mitat ajon aikana. API tukee laajaa valikoimaa kuvamuotoja, ja voit saada useimpien suosittujen tiedostomuotojen mitat API:n avulla. API tarjoaa synkronisen ja asynkronisen menetelmän kuvien käsittelyyn. Asynkronisten funktioiden oletusarvoinen samanaikaisuusraja on 100, ja voit muuttaa tätä rajaa manuaalisesti. Lisäksi asynkroninen versio ei toimi, jos syöte on puskuri ja sinun on käytettävä asynkronista menetelmää sen sijaan.

Previous Next

Kuvakoon käytön aloittaminen

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

Asenna Image-Size NPM:n kautta

 npm install image-size --global

Hanki kuvan mitat ilmaisen JavaScript-sovellusliittymän kautta

Avoimen lähdekoodin Image-Size-kirjaston avulla JavaScript-kehittäjät voivat saada kuvien mitat ohjelmallisesti. Jotta kuvasta saadaan mitat, API tarjoaa sizeOf()-menetelmän. Käyttämällä seuraavia kahta koodiriviä saat helposti kuvan mitat.

Hanki kuvan mitat

  1. Lataa kuvakokokirjasto
  2. Hanki mitat käyttämällä sizeOf()-menetelmää ja anna kuvan polku merkkijonona
  3. Hanki kuvan leveys käyttämällä dimensions.width ja korkeus komennolla dimensions.height

Hanki kuvan mitat JavaScriptin kautta

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

Image-Size-kirjastossa on myös toimintoja kuvan koon määrittämiseen URL-osoitteen avulla. On myös mahdollista olla lataamatta koko kuvaa ja valinnaisesti lopettaa kuvan lataaminen muutaman kilotavun jälkeen. On myös mahdollista poistaa käytöstä tietyt kuvatyypit. Seuraava esimerkki näyttää, kuinka voit käyttää kuvan ulottuvuutta URL-osoitteen avulla

Hanki kuvan koko URL-osoitteen kautta

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))
  })
})
 Suomen