什么是 png-chunks-extract？
png-chunks-extract 是一个在 Node.js 环境中用于提取 PNG 图片中所有 chunks 的工具。它可以获取 PNG 图片中的各个数据块，比如 PNG 头、IHDR、PLTE、IDAT 等，甚至可以获取未被解析的未知块。
安装
要使用 png-chunks-extract，首先需要安装它。可以使用 npm 进行安装，具体命令如下：
npm install png-chunks-extract --save
使用
使用 png-chunks-extract 的过程很简单，只需将要处理的 PNG 图片路径传给 extract() 函数，即可获取所有的 chunks。下面是一个简单的示例：
-- -------------------- ---- ------- ----- -- - -------------- ----- ------------- - ------------------------------ -------------------------- ----- ----- -- - ----- ------ - -------------------- -------------------- -- - ------------------------ ------------------------ --- ---展开代码
在上面的示例中，我们首先使用 fs.readFile() 方法读取了一个 PNG 文件，然后将文件数据传给 extractChunks 函数，获取其中的 chunks 列表，并打印出每个 chunks 的名称和数据。
进阶使用
除了获取所有 chunks，还可以通过 extract() 函数的第二个参数来过滤掉一些不需要的数据块。这个参数可以是一个需要保留的字符串数组，也可以是一个自定义函数。
过滤掉特定的数据块
如果我们只关心 PNG 图片中的 PLTE 块，可以通过如下方式过滤掉其他块：
-- -------------------- ---- ------- ----- -- - -------------- ----- ------------- - ------------------------------ -------------------------- ----- ----- -- - ----- ------ - ------------------- ---------- -------------------- -- - ------------------------ ------------------------ --- ---展开代码
在上面的示例中，我们在 extractChunks 函数的第二个参数中传入了一个字符串数组 ['PLTE']，代表只保留 PLTE 块。因此最终获取的 chunks 列表中只包含 PLTE 块。
自定义过滤函数
除了使用字符串数组，还可以使用自定义函数进行数据块过滤。这个函数需要接收一个数据块对象作为参数，并返回一个布尔值来决定是否保留该数据块。
下面是一个示例，通过自定义函数，只保留长度大于 100 的数据块：
-- -------------------- ---- ------- ----- -- - -------------- ----- ------------- - ------------------------------ -------------------------- ----- ----- -- - ----- ------ - ------------------- ----- -- ----------------- - ----- -------------------- -- - ------------------------ ------------------------ --- ---展开代码
在上面的示例中，我们传入的过滤函数会判断传入的数据块长度是否大于 100，如果是则返回 true，否则返回 false。因此最终获取的 chunks 列表中只包含长度大于 100 的数据块。
总结
PNG 是一种常见的图片格式，而 png-chunks-extract 可以方便地获取 PNG 图片中的所有 chunks，不仅有利于我们对 PNG 图片进行分析和理解，还有一些深度的应用场景，例如对文件元数据的提取和分析等。掌握了 png-chunks-extract 的使用，我们可以更加方便地进行 PNG 图片处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb56cb5cbfe1ea0611425
