npm 包 esn_img 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发过程中，处理图片是非常常见的操作。我们可以使用一些工具包或者 npm 包来实现对图片的处理。本文将介绍如何使用 npm 包 esn_img 来实现图片的处理和在线压缩，并提供示例代码和详细教程。

esn_img

esn_img 是一个基于 Node.js 的 npm 包，它可以帮助你处理图片并进行在线压缩。它支持多种格式的图片，例如 png、jpg、jpeg 等。它可以帮助你压缩图片的大小，同时保持图片的质量。

如何使用 esn_img

首先，我们需要用 npm 安装 esn_img。

npm install esn_img --save

然后，我们可以在代码中引入 esn_img。

import esn_img from 'esn_img';

接着，我们可以使用 esn_img 提供的 API 来处理图片。下面是一个简单的例子，它可以读取一张图片并进行压缩。

-- -------------------- ---- -------
------ ------- ---- ----------

----- --------- - -----------
----- ---------- - ----------------------
----- ----------- - -
    ------ ----
    -------- ---
    ------ ----
--

------------------ ----------- ------------
    ------------------
    ----------------------

在上面的代码中，我们首先定义了输入图片的路径、输出图片的路径和图片处理的选项。然后，我们调用 esn_img 函数，传入这些参数。最后，我们使用 Promise 来处理结果。

在这个例子中，我们将输入图片的宽度设置为 800，压缩质量为 60，并打开了调试模式（debug:true）。你可以根据自己的需求来设置这些选项。

esn_img 的 API

esn_img 提供了以下常用的 API：

esn_img(input, [output], [options])

使用该 API 可以将图片压缩并保存到指定位置。

input: 输入的图片路径。可以是一个字符串或者 Buffer 类型。必选参数。
output: 压缩后输出的图片路径。可以是一个字符串或者一个 Node.js 的 Writable 流。如果没有传入该参数，则会使用一个默认值。可选参数。
options: 图片压缩的选项。可以是一个对象，其中包含以下键值：
- width: 图片的宽度。如果没有传入该参数，则不会限制图片的宽度。可选参数。
- height: 图片的高度。如果没有传入该参数，则不会限制图片的高度。可选参数。
- quality: 图片的压缩质量。取值范围为 0 到 100。如果没有传入该参数，则会使用默认值 80。可选参数。
- debug: 是否开启调试模式。默认为 false。可选参数。

返回一个 Promise 对象，它的 resolve 值是输出图片的路径。

esn_img.compress(input, [options])

使用该 API 可以将图片压缩并返回一个 Buffer 对象。

input: 输入的图片路径。可以是一个字符串或者 Buffer 类型。必选参数。
options: 图片压缩的选项。可以是一个对象，其中包含以下键值：
- width: 图片的宽度。如果没有传入该参数，则不会限制图片的宽度。可选参数。
- height: 图片的高度。如果没有传入该参数，则不会限制图片的高度。可选参数。
- quality: 图片的压缩质量。取值范围为 0 到 100。如果没有传入该参数，则会使用默认值 80。可选参数。

返回一个 Promise 对象，它的 resolve 值是一个 Buffer 对象。

示例代码

下面是一个完整的示例代码，它可以读取一张图片并进行压缩。你可以将该代码保存到一个文件中，然后使用 Node.js 执行该文件。

-- -------------------- ---- -------
------ ------- ---- ----------

----- --------- - -----------
----- ---------- - ----------------------
----- ----------- - -
    ------ ----
    -------- ---
    ------ ----
--

------------------ ----------- ------------
    ------------------
    ----------------------

--------------------------- ------------
    ------------ -- -
        ----------------------- --------- --------
    --
    ----------------------

总结

esn_img 是一个非常方便实用的 npm 包，它可以帮助我们对图片进行处理和在线压缩。本文介绍了如何使用 esn_img，并提供了详细的示例代码和 API。希望本文对您有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60055fcc81e8991b448dd529