欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年11月15日 16:40:02   作者：敲代碼的怪蜀黍  
使用Node.js給圖片加水印，首先要確保本地安裝了node環(huán)境。然后，我們進(jìn)行圖像編輯操作需要用到一個(gè)Node.js的庫：images。具體詳情大家可以通過本文了解下

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

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

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

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

我們要做的首先是安裝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)
// 保存格式會(huì)自動(dòng)識(shí)別
.save('saveimg.png');

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

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

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

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

相關(guān)文章

  • 三分鐘教你用Node做一個(gè)微信哄女友(基友)神器（面向小白）

    三分鐘教你用Node做一個(gè)微信哄女友(基友)神器（面向小白）

    這篇文章主要介紹了三步教你用Node做一個(gè)微信哄女友(基友)神器（面向小白），用node和wechaty微信網(wǎng)頁接口開發(fā)的一款小工具，可以定時(shí)給女朋友發(fā)每天的天氣情況，天氣提醒，每日一句。通過配置機(jī)器人api后還可以實(shí)現(xiàn)微信機(jī)器人自動(dòng)陪女朋友聊天。,需要的朋友可以參考下
    2019-06-06
  • 詳解Node.js中path模塊的resolve()和join()方法的區(qū)別

    詳解Node.js中path模塊的resolve()和join()方法的區(qū)別

    這篇文章主要介紹了詳解Node.js中path模塊的resolve()和join()方法的區(qū)別，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-10-10
  • Node.js之readline模塊的使用詳解

    Node.js之readline模塊的使用詳解

    這篇文章主要介紹了Node.js之readline模塊的使用詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 一文詳解如何在IDEA中配置Node.js

    一文詳解如何在IDEA中配置Node.js

    idea中支持運(yùn)行很多種編程語言,只需要在電腦中安裝好對(duì)應(yīng)的語言環(huán)境,下面這篇文章主要給大家介紹了關(guān)于如何在IDEA中配置Node.js的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-02-02
  • 用node.js寫一個(gè)jenkins發(fā)版腳本

    用node.js寫一個(gè)jenkins發(fā)版腳本

    這篇文章主要介紹了用node.js寫一個(gè)jenkins發(fā)版腳本，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • Node端異常捕獲的實(shí)現(xiàn)方法

    Node端異常捕獲的實(shí)現(xiàn)方法

    本文主要介紹了Node端異常捕獲的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-06-06
  • express框架實(shí)現(xiàn)基于Websocket建立的簡易聊天室

    express框架實(shí)現(xiàn)基于Websocket建立的簡易聊天室

    本篇文章主要介紹了express框架實(shí)現(xiàn)基于Websocket建立的簡易聊天室，具有一定的參考價(jià)值，有興趣的可以了解一下
    2017-08-08
  • 基于 Docker 開發(fā) NodeJS 應(yīng)用

    基于 Docker 開發(fā) NodeJS 應(yīng)用

    這是兩篇文章的第一篇。本文涵蓋了有關(guān)在使用 Express 框架開發(fā)一個(gè)Node應(yīng)用時(shí)，用Docker 替代 Vagrant 的比較詳細(xì)的教程, 應(yīng)用將使用 connect-redis 中間件將會(huì)話信息持久化到Redis中. 第二篇文章將介紹到將這個(gè)開發(fā)的設(shè)置產(chǎn)品化.
    2014-07-07
  • node.js文件系統(tǒng)模塊和兩個(gè)重要模塊

    node.js文件系統(tǒng)模塊和兩個(gè)重要模塊

    這篇文章主要介紹了node.js文件系統(tǒng)模塊和兩個(gè)重要模塊，nodejs是JavaScript的后端運(yùn)行環(huán)境，并對(duì)node.js的fs文件系統(tǒng)模塊做了簡單的介紹，需要的小伙伴可以參考一下
    2022-06-06
  • node.js通過url讀取文件

    node.js通過url讀取文件

    這篇文章主要為大家詳細(xì)介紹了node.js通過url讀取文件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-10-10

最新評(píng)論