最近捣鼓了一下 nodejs 下解析 PNG,查阅了一些资料和参考了一些其他人的代码,总算把 PNG 解析和生成都搞定了。
网上很多相关的资料,基本的东西都没有错, PNG 格式分为很多个块,有几个必须的块,还有一些扩展块。以下就我遇到的一些问题说说我自己的理解和遇到的一些问题:
一 是否所有的程序都支持 PNG 的全部功能?
否,PNG 有一些块是必须支持的,但也有一些块是扩展的,可以支持,也可以不支持,比如 PNG 的 tRNS 块,这是一个非必须的块,解析器可以选择性的支持。但大部分解析器都支持。
二 PNG 的索引颜色模式是否支持透明度?
是,PNG 有一个扩展块名字叫 tRNS ,它的内容是这样的
1) 内容长度 (4个字节的int)
1) tRNS (4个字节的名字)
2) 调色板对应的颜色透明度,每个值一个字节,不一定有 256 个值,有多少个就对应多少个。
3) CRC 校验码 (4个字节)
三 PNG 支持的颜色模式以及对应的 IDAT 结构
在 IHDR 中有一个字节表示颜色模式,它的值可以为
0 灰度,灰度模式对应的 IDAT 中每个像素为1个字节 (0~256)
2 RGB,IDAT 中每个像素为3个字节,分别为 R、G、B 的颜色值
3 索引色,IDAT 中每个像素为1个字节,对应调色板(PLTE)中的颜色索引
4 带透明的灰度,IDAT 中每个像素为2个字节,分别为 灰度、透明度
6 RGBA,IDAT 中每个像素位4个字节,分别为 R、G、B、A 的值
四 在 nodejs 里面压缩 IDAT 数据
var buffer = new Buffer(IDAT.getData());
buffer = zlib.deflateSync(buffer);
注意不能用 zlib.gzipSync 来压缩。
解压就用 zlib.unzipSync(buffer) 即可