为什么用ABGR存储的颜色 会变成RGBA的格式呢

Question

    var test_color = '#0083C7';
    color = parseHexColor(test_color) //Object {red: 0, green: 131, blue: 199}
    var buf = new ArrayBuffer(4)
    var dataView = new DataView(buf);
    //ABGR
    dataView.setUint8(0, 0xFF); //A 255
    dataView.setUint8(1, color.blue);//B 199
    dataView.setUint8(2, color.green);//G 131
    dataView.setUint8(3, color.red);//R 0
    var number = dataView.getUint32(0); //4291265280

    var test_buf = new ArrayBuffer(4);
    var view32 = new Uint32Array(test_buf);
    view32[0]=4291265280;
    console.log('view32 : ',view32) //Uint32Array(1) [4291265280]
    var view8 = new Uint8Array(test_buf)
    console.log('view8 : ',view8) //Uint8Array(4) [0, 131, 199, 255]
    
    function parseHexColor(hexColor) {
        var colorVal = parseInt(hexColor.slice(1), 16);
        return {
            red: colorVal >> 16 & 0xFF,
            green: colorVal >> 8 & 0xFF,
            blue: colorVal & 0xFF,
        };
    }

我是按照setUint8(0->4,A B G R)的顺序存储的颜色。。。为什么最后的结果是[0, 131, 199, 255]呢？这个格式不是按照RGBA的顺序吗。。。

Answer 1

Uint32Array不保证字节序，从你的现象看是把4291265280 (MSB端 -- ABGR -- LSB端) 按little endian写了。

Answer 2

同意楼上。。。

dataView.getUint32(0,false); //4291265280
dataView.getUint32(0,true); //8636415