Komplexa bildbehandlingsoperationer via JavaScript API 

JavaScript-bibliotek med öppen källkod för att utföra avancerade bildskapande och manipuleringsuppgifter som att ändra storlek på bilder, blixt en bild på en annan, sudda ut en bild, skala en bild och mycket mer. 

Jimp – Javascript Image Manipulation Program är ett Node.js-bibliotek med öppen källkod som ger mjukvaruutvecklare möjlighet att utföra komplexa bildbehandlingsoperationer i sina egna JavaScript-appar. Det är skrivet helt i JavaScript för Node, utan några externa eller infödda beroenden.

Biblioteket är mycket användbart för att utveckla alla typer av avancerad bildbehandlingsapplikation och är helt gratis, så utvecklare får en kostnadseffektiv lösning med enkel användning. Biblioteket innehåller flera avancerade funktioner relaterade till bildskapande och manipulering, såsom bildstorleksändring, förbättrad kvalitet på bilder, blötning av en bild på en annan, suddig bild, skalning av en bild, applicering av vibrationseffekt på en bild, vändning av en bild, färger på en bild, rotera en bild, skriva ut text på en bild och mycket mer.

Biblioteket har stöd för flera avancerade bildformat som BMP, GIF, JPEG, PNG, TIFF och många fler. Det finns också några extra plugins tillgängliga som kan användas för lite extra funktionalitet som cirkelplugin som kan användas för att skapa en cirkel av en bild och shadow plugin som skapar en skugga på bilden. Det finns fisheye-effektplugin och tröskelplugin.

Previous Next

Komma igång med Jimp

Du kan installera biblioteket Jimp genom att utfärda ett enkelt kommando i Node. Använd följande kommando. 

Installera Jimp via NPM

npm install jimp 

Ändra storlek på bilder med JavaScript-bibliotek

Jimp-biblioteket med öppen källkod har inkluderat funktionalitet för att ändra storlek på bilder i sina egna JavaScript-applikationer. Först måste du tillhandahålla en bild och en komplett väg till den. Efter det kan du ange antingen höjden eller bredden och Jimp-biblioteket kommer att skala bilden därefter. När du är nöjd kan du spara bilden på den plats du väljer. Du kan också enkelt skala bilden genom att tillhandahålla anpassad bredd och höjd med bibehållen bildförhållande.

Ändra storlek på bilder via JavaScript

import jimp from 'jimp';
async function main() {
	// Read the image.
	const image = await jimp.read('test/image.png');
	// Resize the image to width 150 and auto height.
	await image.resize(150, jimp.AUTO);
	// Save and overwrite the image
	await image.writeAsync('test/image.png');
}
main();

Vänd, skala eller rotera bilder via JavaScript

Jimp-biblioteket med öppen källkod har också tillhandahållit funktionalitet för flera viktiga funktioner relaterade till bildmanipulation. Det låter utvecklaren vända och skala bilder med bara ett par rader JavaScript-kod. Vändningsfunktionen vänder bilden horisontellt eller vertikalt. Standardinställningarna är att vända bilden horisontellt. Rotationsfunktionen kommer att rotera bilden medurs och bildens dimensioner förblir desamma.

Rotera bilder via JavaScript API

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

Applicera Gaussian & Color Mix på bilden

En Gaussisk oskärpa är en allmänt använd effekt i grafikprogramvara, vanligtvis för att minska bildbrus och minska detaljer. Jimp-biblioteket med öppen källkod gör det möjligt för programvaruprogrammerare att applicera en äkta Gaussisk oskärpa på bilden i sin egen applikation. Observera att dess bearbetning är relativt långsam jämfört med andra biblioteksfunktioner. Biblioteket stöder också färgblandningsfunktionen och det blandar färger med deras RGB-komponentvärden och mängden är opaciteten hos överliggande färg.

Applicera Gaussian på bild i JavaScript-appar

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 Svenska