JavaScript用于读取索引的PNG数据

Question

我喜欢indexed-PNG。使用它，我已经能够在一个571字节的图像中为72x67瓦片世界（总共4,824个瓦片）定义“世界地图”。

现在我想用JavaScript来读取这个图像的数据。

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

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

示例图片

image http://adamhaskell.net/img/map.png

Answer 1

您可能找不到更方便的方式来读取图像数据而不首先通过HTML5 Canvas。

不是说没有其他选择！

图表A：pnglib.js（Robert Eisele）

图表B png.js（Devon Govett），虽然假设您正在使用Node。他的例子仍在客户端使用画布。