Uint8Array 未显示 PNG 文件的正确值

Question

我正在尝试使用浏览器中的 javascript 从后端解码作为 Uint8Array 的 PNG 文件。 将 Uint8Array 从 15~28 切片并 console.logging 打印出以下内容：[82, 0, 0, 1, 0, 0, 0, 1, 0, 8, 6, 0, 0]。 如果我将这个数组中 0~4 的字节相加，我会得到 83，这应该是宽度的值，但宽度是 256px。

使用相同的文件，我尝试在此网站https://www.nayuki.io/page/png-file-chunk-inspector上对其进行解码，它显示 [00 00 00 0d 49 48 44 52 00 00 01 00 00] 这些值为15~28。 但它正确地说 png 的宽度为 256px。 我也不明白如何添加 00+00+00+0d 导致十进制值 13 。

到目前为止，我真的不明白会发生什么。 PNG标准说http://www.libpng.org/pub/png/spec/1.2/PNG-Chunks.html IHDR宽度是15~19的4字节整数，但实际上它不起作用。

Answer 1

查看您链接的图像解码网站，前 4 个十六进制值似乎代表字符串的其余部分有多少字节：这就是前 4 个工作为 13 个的原因，因为 IHDR 中应该有 13 个字节。 此外，接下来的 4 个 [49, 48, 44, 52] 在您的图像和网站上所有“好”示例之间保持不变。 实际存储宽度和高度的位置是之后的两个字节，它们都是 00 00 01 00。根据这个转换器，这个值00000100的计算结果是 256