nodejs給圖片批量加水印

jopen 9年前發布 | 45K 次閱讀 圖形/圖像處理 NodeJS

原文地址: http://www.barretlee.com/blog/2015/09/08/add-watermark-to-images/

</div>

這個庫的地址是: https://github.com/zhangyuanwei/node-images ,它是一個跨平臺極為輕量的圖片編解碼工具,同時附加了一些圖片的操作函數,如:

  • .size()比例伸縮
  • .draw(img, x, y)在圖片上繪制一個圖片
  • .encode()將圖片解碼到 buffer 中
  • </ul>

    給圖片加水印主要就用到了.draw()函數。

    首先需要安裝images庫:

    npm install images 
    </div>

    然后開擼,基本代碼如下:

    var images = require('images');
    var path = require('path');
    var watermarkImg = images(path.join(dirname, 'path/to/watermark.ext'));
    var sourceImg = images(path.join(dirname, 'path/to/sourceImg.ext'));
    var savePath = path.join(__dirname, 'path/to/saveImg.jpg');

    // 比如放置在右下角,先獲取原圖的尺寸和水印圖片尺寸 var sWidth = sourceImg.width(); var sHeight = sourceImg.height(); var wmWidth = watermarkImg.width(); var wmWidth = watermarkImg.height();

    images(sourceImg) // 設置繪制的坐標位置,右下角距離 10px .draw(watermarkPath, sWidth - wmWidth - 10, sHeight - wmHeight - 10) // 保存格式會自動識別 .save(savePath);</pre>

     本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
     轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
     本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!