Image 用于在HTML5画布中编码几何数据和解码的简单图像格式

Image 用于在HTML5画布中编码几何数据和解码的简单图像格式,image,image-processing,canvas,Image,Image Processing,Canvas,我试图在一个图像文件中编码几何数据,以便在浏览器中使用Canvas进行解码。除了我从今天的GIF、PNG和BMP格式的阅读中学到的以外,我对图像文件(或一般的二进制文件)了解不多。我喜欢二进制数学转换,但我从来没有在没有任何东西为我抽象二进制数据的情况下询问或编写二进制数据 这是Mozilla教程(https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas)指示画布以8位值数组的形式读取图像,每4位表示R

我试图在一个图像文件中编码几何数据,以便在浏览器中使用Canvas进行解码。除了我从今天的GIF、PNG和BMP格式的阅读中学到的以外,我对图像文件(或一般的二进制文件)了解不多。我喜欢二进制数学转换,但我从来没有在没有任何东西为我抽象二进制数据的情况下询问或编写二进制数据

这是Mozilla教程(https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas)指示画布以8位值数组的形式读取图像,每4位表示RGBA

这让我相信我想将数据编码为8位值的数组,并将其放在图像页眉和图像页脚之间


最简单的方法是什么?

不建议使用图像传输二进制数据。您将被限制使用RGBA作为数据结构,这意味着“仅字节”。没有浮点,没有int16或int32,没有相当复杂(慢?)的二进制转换。。。为什么不在base64中编码数据,或者使用支持“开箱即用”二进制数据的XHR级别2呢?我最近看到了一个使用XHR2下载地理数据并在webgl中将其呈现为点云的示例。您可能会感兴趣,因为它在github上是开源的@roman XHR2似乎是一个更好的解决方案。谢谢我曾读到其他人在用这些图像做我想做的事情。我也读过一些关于二进制的东西,表明JS不能真正处理二进制。很高兴看到更好的日子来了;)我接受你的评论作为回答,因为它提供了一个更好的思考问题的方式。