如何使用 Node Jimp Blit 函数组合两个位图模式?


这个 **NodeJS – Blit()** 是一个内置函数,用于组合两个位图模式。它还可以使用布尔函数将多个位图组合成一个。

语法

blit(src, x, y, [srcx, srcy, srcw, srch])

blit() 参数的定义

  • **src** – 它将存储用于 blit 的源图像。

  • **x** – 它将接收 x 的输入以 blit 图像。

  • **y** – 它将接收 y 的输入以 blit 图像。

  • **srcx** – 这是一个可选参数,它将接收 x 坐标以裁剪源图像。

  • **srcy** – 这是一个可选参数,它将接收 y 坐标以裁剪源图像。

  • **srcw** – 这是一个可选参数,它将接收宽度以裁剪源图像。

  • **srch** – 这是一个可选参数,它将接收高度以裁剪源图像。

输入图像

使用 Node JIMP – BLIT()

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

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

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

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

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

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

示例

const Jimp = require('jimp') ;

async function blit() { // Function name is same as of file name
   // Reading Image
   const image1 = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   const image2 = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   image1.blit(image2, 100, 150)
   .write('/home/jimp/blit.jpg')
}

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

输出

使用 Node JIMP – Blit() 带可选参数

示例

const Jimp = require('jimp') ;

async function blit() {
   // Reading Image
   const image1 = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   const image2 = await Jimp.read
   ('/home/jimp/tutorials_point_img.jpg');
   image1.blit(image2, 70, 100, 130, 30, 440, 80)
   .write('/home/jimp/blit.jpg')
}

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

输出

更新于: 2021年4月27日

584 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告