Maison >interface Web >js tutoriel >Comment ajouter un filigrane aux images à l'aide de Node.js
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
é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
étape 4 : Après avoir exécuté la commande node, la structure des dossiers est celle indiquée ci-dessous
étape 5 : La finale générée Ajouter un filigrane aux images
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 !