RGB 转 bmp图片在 js 上处理 基础

说明 ： 因为BMP图片是从下往上，从左往右存储的，所以RGB数据写入BMP数据里要倒过来取。

     如里把RGB从左往右，从上往下存储，那么bmp头就要把高度写成负数。

 

例：

var bytes = .... ; //RGB byte 数据

var fileSize = bytes.length +14 + 40;console.log("fileSize:"+fileSize);var nBytes = new Uint8Array(fileSize);var width = (w == null ) ? 320 : w; // w是RGB图片的宽度//var height = (h == null ) ?  0xffffffff - 240 + 1  : h; // 倒转正 ，h是RGB图片的高度var height = (h == null ) ? 240  : h; // h是RGB图片的高度//topnBytes[0] = 0x42;//2Bytes，必须为"BM"，即0x424D 才是Windows位图文件nBytes[1] = 0x4D;nBytes[2] = fileSize % 256;//4Bytes，整个BMP文件的大小nBytes[3] = fileSize / 256 % 256;nBytes[4] = fileSize / 256 / 256 % 256;nBytes[5] = fileSize / 256 / 256 /256 % 256;  nBytes[6] = 0;//2Bytes，保留，为0nBytes[7] = 0;nBytes[8] = 0;//2Bytes，保留，为0nBytes[9] = 0;nBytes[10] = 0x36; //4Bytes，文件起始位置到图像像素数据的字节偏移量nBytes[11] = 0;nBytes[12] = 0;nBytes[13] = 0;nBytes[14] = 0x28; //4Bytes，INFOHEADER结构体大小，存在其他版本I NFOHEADER，用作区分nBytes[15] = 0;nBytes[16] = 0;nBytes[17] = 0; nBytes[18] = width % 256; //4Bytes 宽nBytes[19] = width / 256 % 256;nBytes[20] = width / 256 / 256 % 256;nBytes[21] = width / 256 / 256 /256 % 256; nBytes[22] = height % 256; //4Bytes  高nBytes[23] = height / 256 % 256;nBytes[24] = height / 256 / 256 % 256;nBytes[25] = height / 256 / 256 /256 % 256; nBytes[26] = 0x01;//图像数据平面，BMP存储RGB数据，因此总为1nBytes[27] = 0x00; nBytes[28] = 0x18;//图像像素位数nBytes[29] = 0x00; nBytes[30] = 0x00;//0：不压缩，1：RLE8，2：RLE4nBytes[31] = 0x00; nBytes[32] = 0x00;nBytes[33] = 0x00; nBytes[34] =parseInt( width * height * 3) % 256;//RGB内容大小nBytes[35] =parseInt(( width * height * 3) / 256) % 256;nBytes[36] =parseInt(( width * height * 3) / 256 / 256) % 256;nBytes[37] =parseInt(( width * height * 3) / 256 / 256 /256) % 256;  //nBytes[34] = 0x00;//RGB内容大小//nBytes[35] = 0x84;//nBytes[36] = 0x03;//nBytes[37] = 0x00;  nBytes[38] = 0x60;//4 Bytes，用象素/米表示的水平分辨率nBytes[39] = 0x00; nBytes[40] = 0x00;nBytes[41] = 0x00; nBytes[42] = 0x60;//4 Bytes，用象素/米表示的垂直分辨率nBytes[43] = 0x00; nBytes[44] = 0x00;nBytes[45] = 0x00; nBytes[46] = 0x00;//4 Bytes，实际使用的调色板索引数，0：使用所有的调色板索引nBytes[47] = 0x00; nBytes[48] = 0x00;nBytes[49] = 0x00;nBytes[50] = 0x00;//4 Bytes，重要的调色板索引数，0：所有的调色板索引都重要nBytes[51] = 0x00; nBytes[52] = 0x00;nBytes[53] = 0x00;//for(var i = 0 ; i < bytes.length ; i ++){ // 倒转正//nBytes[54 + i] = bytes[i];//}var a = 0 ;for(var i = 0 ; i < height  ; i ++){for(var j = 0 ; j < width * 3 ; j ++ ){nBytes[54 + a] = bytes[bytes.length - (width * 3 * i) - (width * 3 - j)]; a ++ ;}}return nBytes;//返回BMP文件数据