如何在 Node.js 中使用把手显示图像？

简介

在 Node.js 应用程序中，显示图像是比较常见的需求。本文将介绍如何使用 npm 包 sharp 来实现在 Node.js 中显示图像的功能。

安装 Sharp

要在 Node.js 中使用 sharp，首先需要安装它。可以通过 npm 命令来安装，在命令行中执行：

npm install sharp

显示图像

在安装了 sharp 之后，就可以使用它来加载和显示图像了。

加载图像

要加载一个图像，可以使用 sharp 中的 load 方法。以下代码可以加载一个名为 image.jpg 的图像：

const sharp = require('sharp');

sharp('image.jpg')
  .toBuffer()
  .then((data) => {
    // 图像已加载，data 就是图像的二进制数据。
  })
  .catch((err) => {
    // 图像加载出错。
  });

缩放图像

用 sharp 加载完图像后，可以对其进行缩放。以下代码可以将图像缩放为宽度为 500 像素：

const sharp = require('sharp');

sharp('image.jpg')
  .resize({ width: 500 })
  .toBuffer()
  .then((data) => {
    // 缩放后的图像已加载，data 就是图像的二进制数据。
  })
  .catch((err) => {
    // 缩放出错。
  });

旋转图像

图像旋转也是常见的需求。以下代码可以将图像逆时针旋转 90 度：

const sharp = require('sharp');

sharp('image.jpg')
  .rotate(-90)
  .toBuffer()
  .then((data) => {
    // 旋转后的图像已加载，data 就是图像的二进制数据。
  })
  .catch((err) => {
    // 旋转出错。
  });

显示图像

最后，将加载、缩放、旋转后的图像显示出来。以下代码使用 Express 框架来建立一个 HTTP 服务器，将图像作为响应发送给客户端：

const express = require('express');
const sharp = require('sharp');

const app = express();

app.get('/image', (req, res) => {
  sharp('image.jpg')
    .resize({ width: 500 })
    .rotate(-90)
    .toBuffer()
    .then((data) => {
      res.set('Content-Type', 'image/jpeg');
      res.send(data);
    })
    .catch((err) => {
      res.status(500).send('Error');
    });
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在浏览器中访问 http://localhost:3000/image，就可以看到已经加载好，并缩放、旋转过的图像了。

结论

使用 sharp 包可以方便地在 Node.js 中加载、缩放、旋转图像。同时，也可以结合 Express 等框架，将图像以 HTTP 响应发送给客户端。