用于读取索引 PNG 数据的 JavaScript

Question

我喜欢索引 PNG。使用它，我能够在单个 571 字节图像中定义 72x67 瓦片世界(总共 4,824 个瓦片)的“世界地图”。

现在我想使用 JavaScript 来读取该图像的数据。

我可以非常轻松地创建 Canvas ，在其中绘制图像，然后从其数据中提取数据。但是，这将为我提供完整的 RGB 颜色值。

现在的图像使用索引调色板，0 是墙，1 是路径，2 是商人，等等。虽然使用不同的颜色使图像在视觉上可用，但 JavaScript 有没有办法读取特定像素处颜色的索引，类似于 PHP 中的 imagecolorat 函数？

示例图片

_{(来源:adamhaskell.net)}

Answer 1

如果不先通过 HTML5 Canvas 传递图像数据，您可能找不到更方便的读取图像数据的方法。

并不是说没有其他选择!

附件 A:pnglib.js (作者:Robert Eisele)

附件 B png.js (由 Devon Govett )，尽管这是假设您使用的是 Node.js。他的示例仍然在客户端使用 Canvas 。