Heim > Web-Frontend > js-Tutorial > So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

高洛峰
Freigeben: 2017-02-04 10:20:46
Original
2050 Leute haben es durchsucht

1. Vorbereitung:

Stellen Sie zunächst sicher, dass Sie die Knotenumgebung lokal installiert haben.

Dann müssen wir eine Node.js-Bibliothek für Bildbearbeitungsvorgänge verwenden: Bilder.

Die Adresse dieser Bibliothek lautet: https://github.com/zhangyuanwei/node-images Der Autor definiert sie als „Node.js leichte plattformübergreifende Bildkodierungs- und -dekodierungsbibliothek“ und stellt eine Reihe bereit der Schnittstelle.

Als erstes müssen wir die Bildbibliothek installieren:

npm install images

Zweitens gehen wir direkt zur DEMO:

Die Die Schritte sind wie folgt:

Schritt 1: Ordnerstruktur

So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

Schritt 2: JS-Code

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');
Nach dem Login kopieren

Schritt 3: Node-App-Befehl ausführen

So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

Schritt 4: Nach dem Ausführen des Node-Befehls ist die Ordnerstruktur wie unten dargestellt

So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

Schritt 5: Das endgültig generierte Wasserzeichen zu Bildern hinzufügen

So fügen Sie Bildern mit Node.js Wasserzeichen hinzu

Das Obige ist die vom Editor eingeführte Methode zum Hinzufügen Wasserzeichen für Bilder mit Node.js. Ich hoffe, es ist für Sie hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere verwandte Artikel zur Verwendung von Node.js zum Hinzufügen von Wasserzeichen zu Bildern finden Sie auf der chinesischen PHP-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