如何在 Node Jimp 中更改图像的透明度?


NodeJS – Opacity() 是一个内置函数,用于更改图像的透明度。此函数将每个像素的透明度乘以 0 到 1 之间的因子以生成输出图像。

语法

opacity(f, cb)

opacity() 参数的定义

  • – 它接受 0 到 1 之间的值作为输入,这将是使图像不透明的参数。输入 1 将使图像完全透明。

  • cb – 这也是一个可选参数,可以在编译完成后调用。

输入图像

使用 Node JIMP – OPACITY()

在继续使用 opacity() 函数之前,请检查以下语句是否已执行以设置环境。

  • npm init -y // 初始化 Node 环境

  • npm install jimp --save // 安装 jimp 依赖项

  • 创建一个 opacity.js 文件,并将以下代码片段复制粘贴到其中。

  • 使用 node opacity.js 运行代码。

注意 - 方法名称应与 JS 文件名匹配。只有这样,它才能调用所需的方法。

示例

const Jimp = require('jimp') ;

async function opacity() { // Function name is same as of file name
   // Reading Image
   const image = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   image.opacity(0.7)
   .write('/home/jimp/opacity.png');
}

opacity(); // Calling the function here using async
console.log("Image is processed successfully");

输出

使用 Node JIMP – 带有 'cb' 参数的 OPACITY()

示例

const Jimp = require('jimp') ;

async function opacity() {
   // Reading Image
   const image = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   image.opacity(0.3, function(err){
      if (err) throw err;
   })
   .write('/home/jimp/opacity.png');
}

opacity();
console.log("Image is processed successfully");

输出

更新于: 2021-04-27

609 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告