使用Node.js給圖片加水印的方法
更新時間：2016年11月15日 16:40:02 作者：敲代碼的怪蜀黍
使用Node.js給圖片加水印，首先要確保本地安裝了node環(huán)境。然后，我們進行圖像編輯操作需要用到一個Node.js的庫：images。具體詳情大家可以通過本文了解下
一、準備工作：
首先，確保你本地已經(jīng)安裝好了node環(huá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è)置繪制的坐標位置，右下角距離 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式會自動識別
.save('saveimg.png');
step3：運行node app命令
step4：運行node命令后，文件夾結(jié)構(gòu)如下圖
step5：最終生成的加水印圖片
以上所述是小編給大家介紹的使用Node.js給圖片加水印的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
今天小編就為大家分享一篇快速解決brew安裝特定版本flow的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
Node.js實現(xiàn)mysql連接池使用事務(wù)自動回收連接的方法示例
這篇文章主要介紹了Node.js實現(xiàn)mysql連接池使用事務(wù)自動回收連接的方法,結(jié)合實例形式分析了node.js操作mysql連接池實現(xiàn)基于事務(wù)的連接回收操作相關(guān)技巧,需要的朋友可以參考下2018-02-02
這篇文章主要為大家介紹了使用抽象語法樹AST實現(xiàn)一個AOP切面邏輯的簡單方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了node+multer實現(xiàn)圖片上傳的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
這篇文章主要介紹了node.js中的console.warn方法使用說明,本文介紹了console.warn的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下2014-12-12
nodejs調(diào)用cmd命令實現(xiàn)復(fù)制目錄
本文給大家介紹的是如何在nodejs中調(diào)用CMD命令，從而實現(xiàn)目錄的復(fù)制，非常的實用，有需要的小伙伴可以參考下。2015-05-05
nodejs發(fā)布靜態(tài)https服務(wù)器步驟指南
這篇文章主要為大家介紹了nodejs發(fā)布靜態(tài)https服務(wù)器的步驟指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2024-02-02
node?puppeteer爬蟲爬取電影網(wǎng)站及生成pdf文檔示例
這篇文章主要介紹了node?puppeteer爬蟲爬取電影網(wǎng)站及生成pdf文檔使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要給大家介紹了關(guān)于Node.js中異步生成器與異步迭代的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
基于Node.js實現(xiàn)數(shù)據(jù)轉(zhuǎn)換工具
在前端項目中,利用?Excel?表格和?Node.js?實現(xiàn)數(shù)據(jù)轉(zhuǎn)換工具,可以有效優(yōu)化增刪改查等功能,下面小編就來和大家講講具體的實現(xiàn)步驟吧2025-02-02