Heim > Web-Frontend > js-Tutorial > Hauptteil

Middleware-Beispiel-Tutorial zum Festlegen von Bildern in NodeJS

零下一度
Freigeben: 2017-05-09 10:08:43
Original
1215 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die detaillierte Erklärung der Nodejs-Middleware für die Bildverarbeitung vorgestellt. Es ist von großem praktischem Wert.

Plattformübergreifender Bilddecoder (png/jpeg/). gif) und Encoder (png/jpeg) für Node.js

node.js leichte plattformübergreifende Bildkodierungs- und -dekodierungsbibliothek

var images = require("images");
images("input.jpg")           //Load image from file 
                    //加载图像文件
  .size(400)             //Geometric scaling the image to 400 pixels width
                    //等比缩放图像到400像素宽
  .draw(images("logo.png"), 10, 10)  //Drawn logo at coordinates (10,10)
                    //在(10,10)处绘制Logo
  .save("output.jpg", {        //Save the image to a file,whih quality 50
    quality : 50          //保存图片到文件,图片质量为50
  });
Nach dem Login kopieren

Funktionen Funktionen

  1. Leicht: Es muss keine Bildverarbeitungsbibliothek installiert werden.

  2. Plattformübergreifend: Eine kompilierte .node-Datei unter Windows veröffentlicht, einfach herunterladen und starten.Plattformübergreifend: Eine kompilierte .node-Datei veröffentlicht. Node-Datei unter Windows, einfach herunterladen und starten. Eine gute .node-Datei kann heruntergeladen und verwendet werden.

  3. Einfach zu verwenden: Stellen Sie eine

    jQuery
  4. -ähnliche Verkettung
  5. API

    bereit. Einfach und zuverlässig!

  6. Einfach zu verwenden: API im jQuery-Stil, einfach und zuverlässig.

    Installation Installation
  7. API
Schnittstelle

Knoten -images bietet eine jQuery-ähnliche Verkettungs-API. Sie können die Kette wie folgt starten:
$ npm install images
Nach dem Login kopieren

node-images bietet eine jQuery-ähnliche Verkettungs-API. Sie können die Kette wie folgt starten:

Bilder (Datei)


Bild aus Datei laden und dekodieren. Bild aus Datei laden und dekodieren.

/* Load and decode image from file */
/* 从指定文件加载并解码图像 */
images(file)

/* Create a new transparent image */
/* 创建一个指定宽高的透明图像 */
images(width, height)

/* Load and decode image from a buffer */
/* 从Buffer数据中解码图像 */
images(buffer[, start[, end]])

/* Copy from another image */
/* 从另一个图像中复制区域来创建图像 */
images(image[, x, y, width, height])
Nach dem Login kopieren
Bilder (Breite, Höhe)

Neues transparentes Bild erstellenErstellen Sie ein transparentes Bild mit einer angegebenen Breite und Höhe

images(buffer[, start[, end]])

Laden und Bild aus einem Puffer dekodieren. Bild aus Pufferdaten dekodieren.

images(image[, x, y, width, height])

Aus einem anderen Bild kopieren. Erstellen Sie ein Bild mit Kopieren eines Bereichs innerhalb eines Bildes

.fill(red, green, blue[, alpha])

eg:images(200, 100).fill( 0xff, 0x00, 0x00, 0.5) Bild mit Farbe füllen Bild mit angegebener Farbe füllen

.draw(image, x, y)

Bild auf dem

Strom zeichnen

Bild

Position

( x , y ) zeichnet Bild auf dem aktuellen Bild ( x , y ) Bild

.encode(type[, config])

eg:images("input.png").encode("jpg", {operation:50}) Bild in Puffer kodieren, Konfiguration ist Bildeinstellung.

zum Angeben des Format zum Codieren des aktuellen Bildes in der Pufferkonfiguration. Derzeit wird die Einstellung der JPG-Bildqualität

Return

-Puffer

Geben Sie den gefüllten Puffer zurück


Hinweis: Der Vorgang unterbricht die Kette

Hinweis: Dieser Vorgang unterbricht die Aufrufkette

Siehe:.save( file[, type[, config]]) Referenz:.save(file[, type[, config]])

.save(file[, type[, config ]])

eg:images("input.png").encode("output.jpg", {operation:50}) Codieren und Speichern des aktuellen Bildes in einer Datei, falls der Typ Wenn kein Typ angegeben ist, wird der Dateityp automatisch anhand der Bildeinstellung ermittelt, z. B.: { operation:50 }
Das aktuelle Bild kodieren und in der Datei speichern Bestimmt gemäß der Datei. config ist die Bildeinstellung. Derzeit wird die Einstellung der JPG-Bildqualität unterstützt oder legen Sie die Größe des Bildes fest. Wenn die Höhe nicht angegeben ist, erfolgt die Skalierung basierend auf der aktuellen Breite und Höhe. Ruft die Bildbreite und -höhe ab oder legt sie fest. Wenn die Höhe nicht angegeben ist, basiert die Skalierung auf der aktuellen Breite und Höhe

.resize(width[, height])

Legen Sie die Größe des Bildes fest. Wenn die Höhe nicht angegeben ist, erfolgt die Skalierung basierend auf der aktuellen Breite und Höhe

Legen Sie die Bildbreite und -höhe fest. Wenn die Höhe nicht angegeben ist, erfolgt die Skalierung basierend auf Die aktuelle Skalierung des Seitenverhältnisses verwendet standardmäßig den bikubischen Algorithmus.

.width([width])

Breite für das Bild abrufen oder Breite des Bildes festlegen. Breite des Bildes abrufen oder festlegen

.height([height])

Höhe für das Bild abrufen oder Höhe des Bildes festlegen Höhe des Bildes abrufen oder festlegen

images.setLimit (Breite, Höhe)

Legen Sie die Grenzgröße für jedes

Bild fest. Legen Sie die Größenbeschränkung für von der Bibliothek verarbeitete Bilder fest. Nach der Einstellung wird sie für alle neuen Vorgänge wirksam (. wenn das Limit überschritten wird,

wirft eine Ausnahme aus

)

images.setGCThreshold(value)

Legen Sie den Schwellenwert für die Garbage Collection fest. Legen Sie den Schwellenwert für automatisch fest gc der Bildverarbeitungsbibliothek (wenn

Speicher hinzufügt. Wenn die Nutzung diesen Schwellenwert überschreitet, wird eine Speicherbereinigung durchgeführt)

images.getUsedMemory()

Genutzten Speicher abrufen (in Bytes) Ermitteln Sie die von der Bildverarbeitungsbibliothek belegte Speichergröße (in Bytes)

images.gc()

Erzwungener Aufrufmüll Die Sammlung erzwingt den Aufruf des Garbage Collection-Mechanismus von V8

github.com/zhangyuanwei/node-images

[Verwandte Empfehlungen]

1 Kostenloses JS-Online-Video-Tutorial

2.

JavaScript-Referenzhandbuch für Chinesisch

3.php.cn Dugu Jiujian (3) - JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonMiddleware-Beispiel-Tutorial zum Festlegen von Bildern in NodeJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage