Maison >interface Web >js tutoriel >Comment ajouter un filigrane aux images à l'aide de Node.js

Comment ajouter un filigrane aux images à l'aide de Node.js

高洛峰
高洛峰original
2017-02-04 10:20:462054parcourir

1. Préparation :

Tout d'abord, assurez-vous d'avoir installé l'environnement de nœud localement.

Ensuite, nous devons utiliser une bibliothèque Node.js pour les opérations d'édition d'images : images.

L'adresse de cette bibliothèque est : https://github.com/zhangyuanwei/node-images L'auteur la définit comme « bibliothèque légère d'encodage et de décodage d'images multiplateformes Node.js » et propose une série. d'interface.

La première chose que nous devons faire est d'installer la bibliothèque d'images :

npm install images

Deuxièmement, allez directement à la DÉMO :

Le les étapes sont les suivantes :

étape 1 : Structure des dossiers

Comment ajouter un filigrane aux images à laide de Node.js

étape 2 : Code JS

var images = require('images');
var path = require('path');
var watermarkImg = images('water_logo.png');
var sourceImg = images('source.png');
// 比如放置在右下角,先获取原图的尺寸和水印图片尺寸
var sWidth = sourceImg.width();
var sHeight = sourceImg.height();
var wmWidth = watermarkImg.width();
var wmHeight = watermarkImg.height();
images(sourceImg)
// 设置绘制的坐标位置,右下角距离 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式会自动识别
.save('saveimg.png');

étape 3 : Exécutez la commande node app

Comment ajouter un filigrane aux images à laide de Node.js

étape 4 : Après avoir exécuté la commande node, la structure des dossiers est celle indiquée ci-dessous

Comment ajouter un filigrane aux images à laide de Node.js

étape 5 : La finale générée Ajouter un filigrane aux images

Comment ajouter un filigrane aux images à laide de Node.js

Ce qui précède est la méthode introduite par l'éditeur pour ajouter filigrane sur les images en utilisant Node.js. J'espère que cela vous sera utile. Si vous avez des questions, laissez-moi un message et l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur la façon d'utiliser Node.js pour ajouter des filigranes aux images, veuillez faire attention au site Web PHP 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