Complexe beeldverwerkingsbewerkingen via JavaScript API
Open Source JavaScript-bibliotheek om geavanceerde taken voor het maken en manipuleren van afbeeldingen uit te voeren, zoals het vergroten of verkleinen van afbeeldingen, een afbeelding op een andere overzetten, een afbeelding vervagen, een afbeelding schalen en nog veel meer.
Het Jimp - Javascript Image Manipulation Program is een open source Node.js-bibliotheek die softwareontwikkelaars de mogelijkheid biedt om complexe beeldverwerkingsbewerkingen uit te voeren in hun eigen JavaScript-apps. Het is volledig geschreven in JavaScript voor Node, zonder externe of native afhankelijkheden.
De bibliotheek is erg handig voor het ontwikkelen van elke vorm van geavanceerde beeldverwerkingstoepassing en is volledig gratis, dus het biedt ontwikkelaars een kosteneffectieve oplossing met gebruiksgemak. De bibliotheek bevat verschillende geavanceerde functies met betrekking tot het maken en manipuleren van afbeeldingen, zoals het vergroten of verkleinen van afbeeldingen, verbeterde kwaliteit van afbeeldingen, een afbeelding op een andere blitzen, een afbeelding vervagen, een afbeelding schalen, het dither-effect toepassen op een afbeelding, een afbeelding spiegelen, de afbeelding omkeren kleuren van een afbeelding, een afbeelding draaien, tekst op een afbeelding afdrukken en nog veel meer.
De bibliotheek heeft onder meer ondersteuning voor verschillende geavanceerde afbeeldingsindelingen zoals BMP, GIF, JPEG, PNG, TIFF en nog veel meer. Er zijn ook enkele extra plug-ins beschikbaar die kunnen worden gebruikt voor wat extra functionaliteit, zoals de cirkel-plug-in die kan worden gebruikt om een cirkel uit een afbeelding te maken en de schaduw-plug-in die een schaduw op de afbeelding creëert. Daar zijn de plug-in voor fisheye-effecten en de drempel-plug-in beschikbaar.
Aan de slag met Jimp
U kunt de bibliotheek Jimp installeren door een eenvoudig commando in Node te geven. Gebruik de volgende opdracht.
Installeer Jim via NPM
npm install jimp Formaat van afbeeldingen wijzigen met JavaScript-bibliotheek
De open source Jimp-bibliotheek heeft functionaliteit voor het wijzigen van het formaat van afbeeldingen in hun eigen JavaScript-applicaties. Eerst moet u een afbeelding en een volledig pad ernaartoe opgeven. Daarna kunt u de hoogte of breedte opgeven en de Jimp-bibliotheek zal de afbeelding dienovereenkomstig schalen. Als u tevreden bent, kunt u de afbeelding opslaan op de plaats van uw keuze. U kunt de afbeelding ook eenvoudig schalen door aangepaste breedte en hoogte aan te bieden, waarbij de beeldverhouding behouden blijft.
Resize Images 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();
Afbeeldingen spiegelen, schalen of roteren via JavaScript
De open source Jimp-bibliotheek heeft ook functionaliteit geboden voor verschillende belangrijke functies met betrekking tot beeldmanipulatie. Hiermee kan de ontwikkelaar afbeeldingen omdraaien en schalen met slechts een paar regels JavaScript-code. De flip-functie zal het beeld horizontaal of verticaal spiegelen. De standaardinstellingen zijn om de afbeelding horizontaal te spiegelen. De roteerfunctie zal de afbeelding rechtsom draaien en de afmetingen van de afbeelding blijven hetzelfde.
Rotate Images via JavaScript API
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
Gaussiaans en kleurenmix toepassen op afbeelding
Een Gaussiaanse vervaging is een veelgebruikt effect in grafische software, meestal om beeldruis te verminderen en details te verminderen. De open source Jimp-bibliotheek stelt softwareprogrammeurs in staat om een echte Gaussiaanse vervaging toe te passen op de afbeelding in hun eigen applicatie. Houd er rekening mee dat de verwerking ervan relatief traag is in vergelijking met andere bibliotheekfuncties. De bibliotheek ondersteunt ook de kleurmengfunctie en mengt kleuren op basis van hun RGB-componentwaarden en de hoeveelheid is de dekking van overlappende kleuren.
Verzoek Russisch naar Image binnen JavaScript App
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
