npm 包 save-pixels-jpeg-js-upgrade 使用教程

简介

save-pixels-jpeg-js-upgrade 是一个用于将像素数组保存为 JPEG 图像的 npm 包。它使用 jpeg-js 这个包来处理 JPEG 编码，同时对其进行了优化升级，使其具有更好的性能和更多的功能。

安装

使用 npm 包管理器进行安装。

npm install save-pixels-jpeg-js-upgrade

使用方法

将像素数组保存为 JPEG 图像

const savePixels = require('save-pixels');
const jpeg = require('save-pixels-jpeg-js-upgrade');

const pixels = new Uint8Array(640 * 480 * 4); // 这里的像素数组可以是任意长度和任意格式
const stream = jpeg(pixels, 640, 480); // 将像素数组传入 jpeg 函数中，生成一个 Stream

stream.pipe(fs.createWriteStream('image.jpg')); // 将 Stream 写入到文件中

支持更多的选项

save-pixels-jpeg-js-upgrade 在 jpeg-js 的基础上增加了更多的选项，让你能够更加自由地控制 JPEG 编码的过程。

const stream = jpeg(pixels, width, height, options);

其中，options 是一个包含各种选项的对象。

• quality (0-100)：指定 JPEG 压缩的质量，取值范围为 0-100。默认值为 75。
• subsampling：指定 JPEG 的抽样方式。默认值为 '4:2:0'，表示每 4 个亮度采样一个色度。
• interleaved：是否开启交错编码。默认为 true，表示开启。
• useTArray：是否使用 TypedArray 作为输出。默认为 false，表示输出 Uint8Array。

以下是使用这些选项的示例代码。

const options = {
  quality: 50, // 将 JPEG 压缩质量设为 50
  subsampling: '4:2:2', // 将 JPEG 的抽样方式改为 4:2:2
  interleaved: false, // 关闭交错编码
  useTArray: true, // 输出 TypedArray
};

const stream = jpeg(pixels, width, height, options);

总结

save-pixels-jpeg-js-upgrade 是一个非常有用的 npm 包，它让我们能够方便地将像素数据保存为 JPEG 图像，同时也提供了更多的选项，让我们能够更加自由地控制 JPEG 编码的过程。在前端开发中，经常需要将大量的数据和图像保存到服务器或本地文件中，这时候使用 save-pixels-jpeg-js-upgrade 就非常方便和高效了。

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