Maison >interface Web >js tutoriel >Exemple de tutoriel middleware pour définir des images dans nodejs

Exemple de tutoriel middleware pour définir des images dans nodejs

零下一度
零下一度original
2017-05-09 10:08:431245parcourir

Cet article présente principalement l'explication détaillée des images de nœuds du middleware nodejs pour le traitement des images. Il est d'une grande valeur pratique. Les amis dans le besoin peuvent s'y référer

Décodeur d'images multiplateforme (png/jpeg/). gif) et encodeur (png/jpeg) pour Node.js

bibliothèque légère d'encodage et de décodage d'images multiplateformes node.js

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

Fonctionnalités Fonctionnalités

  1. Léger : pas besoin d'installer de bibliothèque de traitement d'image

    .
  2. Multiplateforme : publication d'un fichier .node compilé sous Windows, il suffit de le télécharger et de démarrer.

    Multiplateforme : publication d'un fichier .node compilé. fichier node sous Windows, téléchargez et démarrez simplement. Un bon fichier .node peut être téléchargé et utilisé.
  3. Facile à utiliser : fournit un chaînage de type
  4. jQuery
  5. API

    . Simple et fiable !
  6. Facile à utiliser : API de style jQuery, simple et fiable.

  7. Installation Installation
API

Interface

$ npm install images
nœud -images fournissent une API de chaînage de type jQuery, vous pouvez démarrer la chaîne comme ceci :

node-images fournit une API de chaînage de type jQuery, vous pouvez démarrer la chaîne comme ceci :

images (fichier)

Charger et décoder l'image à partir d'un fichierCharger et décoder l'image à partir d'un fichier

/* 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])

images (largeur, hauteur)

Créer une nouvelle image transparenteCréer une image transparente avec une largeur et une hauteur spécifiées

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

Charger et décoder l'image à partir d'un tampon Décoder l'image à partir des données du tampon

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

Copier à partir d'une autre image Créer une image en copier une zone dans une image

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

eg:images(200, 100).fill( 0xff, 0x00, 0x00, 0.5) Remplir l'image avec la couleur Remplir l'image avec la couleur spécifiée

.draw(image, x, y)

Dessiner l'image sur le

courant

image

position( x , y ) dessine l'image sur l'image actuelle ( x , y ) image

.encode(type[, config])par exemple:images("input.png").encode("jpg", {opération:50}) Encodez l'image dans le tampon, la configuration est le paramètre d'image.

pour spécifier le Le format pour encoder l'image actuelle dans la configuration Buffer. est le paramètre d'image. Actuellement, il prend en charge la définition de la qualité de l'image JPG

Return
buffer

Renvoyer le Buffer rempli

Remarque : L'opération coupera la chaîne
Remarque : Cette opération coupera la chaîne d'appel


Voir :.save( file[, type[, config]]) Référence :.save(file[, type[, config]])


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


eg:images("input.png").encode("output.jpg", {opération:50}) Encodage et enregistrement de l'image actuelle dans un fichier, si le type n'est pas spécifié, le type sera automatiquement déterminé en fonction du fichier, la configuration est le paramètre de l'image, par exemple : { opération : 50 >

Encodez et enregistrez l'image actuelle dans un fichier. Si le type n'est pas spécifié, le type de fichier sera automatiquement. déterminé en fonction du fichier. La configuration est le paramètre d'image. Actuellement, prend en charge le paramètre de qualité d'image JPG

.size([width[, height]])

Obtenir la taille de l'image. ou définissez la taille de l'image, si la hauteur n'est pas spécifiée, la mise à l'échelle est basée sur la largeur et la hauteur actuelles. Obtient ou définit la largeur et la hauteur de l'image. Si la hauteur n'est pas spécifiée, la mise à l'échelle est basée sur la largeur et la hauteur actuelles <.>


.resize(width[, height])

Définissez la taille de l'image, si la hauteur n'est pas spécifiée, puis mise à l'échelle en fonction de la largeur et de la hauteur actuelles

Définissez la largeur et la hauteur de l'image, si la hauteur n'est pas spécifiée, puis la mise à l'échelle basée sur la mise à l'échelle actuelle du rapport hauteur/largeur utilise l'algorithme bicubique par défaut.

.width([width])

Obtenir la largeur de l'image ou définir la largeur de l'image Obtenir la largeur de l'image ou définir la largeur de l'image

.height([height])

Obtenir la hauteur de l'image ou définir la hauteur de l'image Obtenir ou définir la hauteur de l'image

images.setLimit(width, height)

Définir la taille limite de chaque

image Définir la taille limite des images traitées par la bibliothèque Après le réglage, elle prendra effet pour toutes. nouvelles opérations (si la limite est dépassée,

lance une exception

)

images.setGCThreshold(value)

Définir le seuil de récupération de place Définir le seuil pour le gc automatique de la bibliothèque de traitement d'image (quand ajoute mémoire Lorsque l'utilisation dépasse ce seuil, un garbage collection est effectué)

images.getUsedMemory()

Obtenir la mémoire utilisée (en octets) Obtenez la taille de la mémoire occupée par la bibliothèque de traitement d'image (en octets)

images.gc()

Appel forcé collection force le mécanisme de récupération de place de la V8 à être appelé

github.com/zhangyuanwei/node-images

[Recommandations associées]

1 Tutoriel vidéo js en ligne gratuit

2 Manuel de référence JavaScript chinois

3 php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript<.>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn