返回顶部
首页 > 资讯 > 前端开发 > node.js >使用Node.js给图片加水印的方法
  • 925
分享到

使用Node.js给图片加水印的方法

水印方法图片 2022-06-04 17:06:47 925人浏览 八月长安
摘要

一、准备工作: 首先,确保你本地已经安装好了node环境。 然后,我们进行图像编辑操作需要用到一个node.js的库:images。 这个库的地址是:https://GitHub.com/zhangyuan

一、准备工作:

首先,确保你本地已经安装好了node环境。

然后,我们进行图像编辑操作需要用到一个node.js的库:images。

这个库的地址是:https://GitHub.com/zhangyuanwei/node-images,作者定义它为 “Node.js轻量级跨平台图像编解码库” ,并提供了一系列接口。

我们要做的首先是安装images库:

npm install images

二、直接上DEMO:

步骤如下:

step1:文件夹结构

查看图片

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)
// 设置绘制的坐标位置,右下角距离 40px
.draw(watermarkImg, sWidth - wmWidth - 40, sHeight - wmHeight - 40)
// 保存格式会自动识别
.save('saveimg.png');

step3:运行node app命令

查看图片

step4:运行node命令后,文件夹结构如下图

查看图片

step5:最终生成的加水印图片

查看图片

以上所述是小编给大家介绍的使用Node.js给图片加水印的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程网网站的支持!

--结束END--

本文标题: 使用Node.js给图片加水印的方法

本文链接: https://lsjlt.com/news/12905.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 使用Node.js给图片加水印的方法
    一、准备工作: 首先,确保你本地已经安装好了node环境。 然后,我们进行图像编辑操作需要用到一个Node.js的库:images。 这个库的地址是:https://github.com/zhangyuan...
    99+
    2022-06-04
    水印 方法 图片
  • Node.js批量给图片加水印的方法
    一、准备工作: 首先,你要阅读完这篇文章:http://www.lsjlt.com/article/97391.htm。 然后,我们安装node.js的一个模块:imageinfo。 npm install...
    99+
    2022-06-04
    水印 批量 方法
  • PHP给图片加上图片水印和文字水印的方法
    这篇文章主要介绍“PHP给图片加上图片水印和文字水印的方法”,在日常操作中,相信很多人在PHP给图片加上图片水印和文字水印的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP给图片加上图片水印和文字水印...
    99+
    2023-06-04
  • Android给图片添加水印的方法
    这篇文章主要介绍Android给图片添加水印的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1. 前言PS:最近在项目执行过程中有这样一个需求,要求拍完照的图片必须达到以上的效果。需求分析:使用用预览布局Surf...
    99+
    2023-06-15
  • 如何使用python给图片加水印
    这篇文章主要介绍如何使用python给图片加水印,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方式一:叠加文字水印最简单的一种方式是,在图片上绘制半透明文本来实现水印效果。主要用到Figure.text函数参数类型说...
    99+
    2023-06-15
  • Android给图片添加水印
    目录1. 前言2. 方法1 使用SurfaceView3. 方法2 给拍照下来的图片添加水印第一步:获取拍照权限第二步:拍照调用相机进行拍照接收拍照结果注意:第三步:给拍照后得到的图...
    99+
    2024-04-02
  • Android应用中给图片加水印
    今天就跟大家聊聊有关Android应用中给图片加水印,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。具体方法如下:public class ImageUtil { public ...
    99+
    2023-05-31
    android roi
  • PHP中怎么给图片加水印
    本篇文章为大家展示了PHP中怎么给图片加水印,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。PHP给图片加水印的具体代码如下:<php     ...
    99+
    2023-06-17
  • php裁剪图片,并给图片加上水印
    本次以裁剪四个图片为例,图片如下 代码如下 public function cutImg($imgUrl){ try{ // 读取原始图片 ...
    99+
    2023-09-04
    php android 开发语言
  • 利用JAVA怎么给图片添加水印
    这期内容当中小编将会给大家带来有关利用JAVA怎么给图片添加水印,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。印的类型:单文字水印单图片水印多文字水印多图片水印水印的开发流程:创建图片缓存对象创建Java...
    99+
    2023-05-31
    java ava
  • Android中怎么给图片添加水印
    本篇文章为大家展示了Android中怎么给图片添加水印,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。Android 图片添加水印的实现方法手机端打水印(文字和图片)使用的是Bitmap、Matrix...
    99+
    2023-05-30
    android
  • dedecms图片集添加水印的方法
    1.打开dede\swfupload.php,找到 第100行复制代码代码如下://WaterImg($cfg_basedir.$fileurl, 'up'); 把这句话前面的 // 去掉,即可! 2.用FTP替换d...
    99+
    2022-06-12
    dedecms 图片集
  • 使用Python中PIL库给图片添加文本水印
    目录前言一、PIL是什么?二、安装PIL三、查看PIL版本四、使用PIL库给图片添加文本水印1.引入库2.打开图片文件3.新建一个Draw对象4.设置水印文字、字体、大小5.设置水印...
    99+
    2023-05-16
    python给图片添加水印文字 python pil库 python 添加水印
  • Java使用pdfbox实现给pdf文件加图片水印
    目录引入依赖代码效果引入依赖 <dependency> <groupId>org.apache.pdfbox</groupId&...
    99+
    2022-11-16
    Java pdfbox PDF添加图片水印 Java PDF添加图片水印 Java PDF水印
  • Java用自带的Image IO给图片添加水印
    目录1.  文字水印2.  旋转文字3.  旋转坐标轴另外的写法1.  文字水印 import sun.font.FontDesignMe...
    99+
    2024-04-02
  • Python实现给图片添加文字或图片水印
    目录前言PIL的Image模块的基本介绍Python代码实现文字水印Python代码实现图片水印前言 图片加水印有什么好处?在现今的数字化时代,网络上的图片泛滥,盗图现象也越来越严重...
    99+
    2023-05-19
    Python图片添加文字水印 Python图片添加图片水印 Python图片添加水印 Python添加水印
  • 如何使用canvas实现给图片添加平铺水印
    小编给大家分享一下如何使用canvas实现给图片添加平铺水印,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!最近项目中遇到一个需求,需要把一张图片加上平铺的水印类似...
    99+
    2023-06-09
  • Java实现添加文字水印&图片水印的方法详解
    目录为什么要给图片添加水印绘制文字水印动态计算字符串的宽度自适应文字水印位置绘制图片水印提升图片处理速度为什么要给图片添加水印 为图片添加水印的主要作用是保护图片版权,防止图片被未经...
    99+
    2023-02-06
    Java添加文字水印 Java添加图片水印 Java添加水印
  • 如何用nodejs给图片添加半透明水印
    本文小编为大家详细介绍“如何用nodejs给图片添加半透明水印”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何用nodejs给图片添加半透明水印”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起...
    99+
    2024-04-02
  • 怎么用Python实现给图片加水印效果
    本篇内容介绍了“怎么用Python实现给图片加水印效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!filestools库介绍今天给大家介绍...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作