Komplexe Bildverarbeitungsvorgänge über die JavaScript-API
Open-Source-JavaScript-Bibliothek, um erweiterte Bilderstellungs- und -bearbeitungsaufgaben durchzuführen, z. B. Bildgröße ändern, ein Bild auf ein anderes blitzen, ein Bild verwischen, ein Bild skalieren und vieles mehr.
The Jump – Javascript Image Manipulation Program ist eine Open Source Node.js Bibliothek, die Software-Entwicklern die Möglichkeit gibt, komplexe Bildbearbeitungsoperationen innerhalb ihrer eigenen JavaScript Apps durchzuführen. Es ist komplett in JavaScript für Knoten geschrieben, ohne externe oder native Abhängigkeiten.
Die Bibliothek ist sehr nützlich, um jede Art von fortschrittlicher Bildverarbeitungsanwendung zu entwickeln und ist völlig kostenlos, so dass Entwickler eine kostengünstige Lösung mit einfacher Bedienung erhalten. Die Bibliothek enthält verschiedene erweiterte Funktionen zur Bilderstellung und Manipulation, wie zum Beispiel Bildreste, verbesserte Bildqualität, Biting ein Bild auf ein anderes, Verwischung eines Bildes, Skalierung eines Bildes, Anwendung des Effekts.
Die Bibliothek unterstützt verschiedene erweiterte Bildformate wie BMP, GIF, JPEG, NG, TIFF und viele mehr. Es gibt einige zusätzliche Plugins, die für zusätzliche Funktionen verwendet werden können, wie das Kreis-Plugin, das verwendet werden kann, um einen Kreis aus einem Bild und das Schatten-Plugin, das einen Schatten auf dem Bild erzeugt. Dort sind Fishes Effekt-Plugin und Schwellen-Plugin verfügbar.
Erste Schritte mit Jimp
Sie können die Bibliothek Jimp installieren, indem Sie einen einfachen Befehl in Node. Verwenden Sie den folgenden Befehl.
Installieren Sie Jimp über NPM
npm install jimp Ändern Sie die Größe von Bildern mithilfe der JavaScript-Bibliothek
Die Open Source Jump-Bibliothek hat Funktionalität für das Residieren von Bildern innerhalb ihrer eigenen JavaScript Anwendungen integriert. Zuerst müssen Sie ein Bild und einen vollständigen Pfad angeben. Danach können Sie entweder die Höhe oder die Breite angeben, und die Jump-Bibliothek skaliert das Bild entsprechend. Sobald Sie zufrieden sind, können Sie das Bild an der Stelle Ihrer Wahl speichern. Sie können das Bild auch leicht skalieren, indem Sie die Breite und Höhe des Seitenverhältnisses anpassen.
Größe der Bilder über 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();
Spiegeln, skalieren oder drehen Sie Bilder über JavaScript
Die Open-Source-Jimp-Bibliothek hat auch Funktionen für mehrere wichtige Funktionen im Zusammenhang mit der Bildbearbeitung bereitgestellt. Es ermöglicht dem Entwickler, Bilder mit nur ein paar Zeilen JavaScript-Code zu spiegeln und zu skalieren. Die Flip-Funktion dreht das Bild horizontal oder vertikal. Die Standardeinstellungen sind, das Bild horizontal zu spiegeln. Die Rotationsfunktion dreht das Bild im Uhrzeigersinn und die Abmessungen des Bildes bleiben gleich.
Drehen der Bilder über JavaScript API
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
Wenden Sie Gaussian & Color Mix auf das Bild an
Eine Gaußsche Unschärfe ist ein weit verbreiteter Effekt in Grafiksoftware, typischerweise um Bildrauschen zu reduzieren und Details zu reduzieren. Die Open-Source-Jimp-Bibliothek ermöglicht es Softwareprogrammierern, in ihrer eigenen Anwendung eine echte Gaußsche Unschärfe auf das Bild anzuwenden. Bitte beachten Sie, dass die Verarbeitung im Vergleich zu anderen Bibliotheksfunktionen relativ langsam ist. Die Bibliothek unterstützt auch die Farbmischfunktion und mischt Farben anhand ihrer RGB-Komponentenwerte und die Menge ist die Deckkraft der überlagernden Farbe.
Wenden Sie Russisch auf Bild in JavaScript Apps an
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
