什么是 @jimp/plugin-contain？
@jimp/plugin-contain 是一个可以将图片缩放并完整地包含在指定大小的长方形区域内的 Jimp 插件。该模块是 @jimp/core 的插件，因此需要安装 @jimp/core 才能使用 @jimp/plugin-contain。
安装
使用 npm 安装：
--- ------- --------------------
使用示例
下面是一个使用 @jimp/plugin-contain 的示例：
----- ---- - ----------------
----- ------------- - --------------------------------
------------------------------ -- ----
------------- -- -
-- -- ---- -------
----- ------------ - ------------------------ ---------------------
-----------------------------------
-- -------
----- ----- - ----
----- ------ - ----
----- -------------- - - ----- ---------- ------- --------------------------- ------ ---------------------------- --
--------------------------- ------- ----------------
-- ----
------ ----------------------------------------------------
--
-------- -- -
--------------------
--
-------------- -- -
---------------------
---上面的示例代码首先使用 Jimp 读取图片，然后创建一个 Jimp 实例并使用 @jimp/plugin-contain 插件。接下来，它使用 contain 方法将图片缩放并完整地包含在一个指定大小的长方形区域内，最后保存图片。
可选参数
contain 方法可以接受一个可选的选项对象，该对象可以包含以下属性：
mode：缩放模式，可选值有cover和contain，默认值为cover。cover模式表示缩放图片以覆盖指定大小的长方形区域，而contain模式表示缩放图片以完整地包含在指定大小的长方形区域内。align：水平对齐方式，可选值有Jimp.HORIZONTAL_ALIGN_LEFT、Jimp.HORIZONTAL_ALIGN_CENTER和Jimp.HORIZONTAL_ALIGN_RIGHT，默认值为Jimp.HORIZONTAL_ALIGN_CENTER。valign：垂直对齐方式，可选值有Jimp.VERTICAL_ALIGN_TOP、Jimp.VERTICAL_ALIGN_MIDDLE和Jimp.VERTICAL_ALIGN_BOTTOM，默认值为Jimp.VERTICAL_ALIGN_MIDDLE。
可以根据需要指定这些选项来自定义 contain 方法。
结论
@jimp/plugin-contain 是一个非常有用的 Jimp 插件，可以轻松地将图片缩放并完整地包含在指定大小的长方形区域内。通过本文的介绍，您已经学习了如何安装和使用该插件，希望它可以帮助您提高前端开发的效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f0987c6403f2923b035c044