使用Node.js給圖片加水印的方法

更新時間：2016年11月15日 16:40:02 作者：敲代碼的怪蜀黍

使用Node.js給圖片加水印，首先要確保本地安裝了node環(huán)境。然后，我們進(jìn)行圖像編輯操作需要用到一個Node.js的庫：images。具體詳情大家可以通過本文了解下

一、準(zhǔn)備工作：

首先，確保你本地已經(jīng)安裝好了node環(huán)境。

然后，我們進(jìn)行圖像編輯操作需要用到一個Node.js的庫：images。

這個庫的地址是：https://github.com/zhangyuanwei/node-images，作者定義它為 “Node.js輕量級跨平臺圖像編解碼庫” ，并提供了一系列接口。

我們要做的首先是安裝images庫：

npm install images

二、直接上DEMO：

步驟如下：

step1：文件夾結(jié)構(gòu)

step2：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)
// 設(shè)置繪制的坐標(biāo)位置，右下角距離 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式會自動識別
.save('saveimg.png');

step3：運(yùn)行node app命令

step4：運(yùn)行node命令后，文件夾結(jié)構(gòu)如下圖

step5：最終生成的加水印圖片

以上所述是小編給大家介紹的使用Node.js給圖片加水印的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

快速解決brew安裝特定版本flow的問題
今天小編就為大家分享一篇快速解決brew安裝特定版本flow的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-05-05
Node.js實(shí)現(xiàn)mysql連接池使用事務(wù)自動回收連接的方法示例
這篇文章主要介紹了Node.js實(shí)現(xiàn)mysql連接池使用事務(wù)自動回收連接的方法,結(jié)合實(shí)例形式分析了node.js操作mysql連接池實(shí)現(xiàn)基于事務(wù)的連接回收操作相關(guān)技巧,需要的朋友可以參考下
2018-02-02
詳解使用抽象語法樹AST實(shí)現(xiàn)一個AOP切面邏輯
這篇文章主要為大家介紹了使用抽象語法樹AST實(shí)現(xiàn)一個AOP切面邏輯的簡單方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
node+multer實(shí)現(xiàn)圖片上傳的示例代碼
這篇文章主要介紹了node+multer實(shí)現(xiàn)圖片上傳的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
node.js中的console.warn方法使用說明
這篇文章主要介紹了node.js中的console.warn方法使用說明,本文介紹了console.warn的方法說明、語法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
2014-12-12
nodejs調(diào)用cmd命令實(shí)現(xiàn)復(fù)制目錄
本文給大家介紹的是如何在nodejs中調(diào)用CMD命令，從而實(shí)現(xiàn)目錄的復(fù)制，非常的實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
nodejs發(fā)布靜態(tài)https服務(wù)器步驟指南
這篇文章主要為大家介紹了nodejs發(fā)布靜態(tài)https服務(wù)器的步驟指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2024-02-02
node?puppeteer爬蟲爬取電影網(wǎng)站及生成pdf文檔示例
這篇文章主要介紹了node?puppeteer爬蟲爬取電影網(wǎng)站及生成pdf文檔使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
Node.js中的異步生成器與異步迭代詳解
這篇文章主要給大家介紹了關(guān)于Node.js中異步生成器與異步迭代的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
基于Node.js實(shí)現(xiàn)數(shù)據(jù)轉(zhuǎn)換工具
在前端項(xiàng)目中,利用?Excel?表格和?Node.js?實(shí)現(xiàn)數(shù)據(jù)轉(zhuǎn)換工具,可以有效優(yōu)化增刪改查等功能,下面小編就來和大家講講具體的實(shí)現(xiàn)步驟吧
2025-02-02