Question

如何在javascript中将3bytes RGB转换为2bytes RGB？

例如我需要这样做：

我试过这个：

function shortPixel(pixel){
    var r = pixel.r.toString(2).slice(0,5);
    var g1 = pixel.g.toString(2).slice(0,3);
    var g2 = pixel.g.toString(2).slice(3,6);
    var b = pixel.b.toString(2).slice(0,5);
    console.log(r+" "+g1+"|"+g2+" "+b);
    console.log(r+g1);
    console.log(g2+b);
    return{
        b1: r+g1,
        b2: g2+b
    }
}

但是当我这样做时：

app.shortPixel({r:255,g:0,b:255});
2015-08-26 15:47:32.939 scripts.js:417 11111 0| 11111
2015-08-26 15:47:32.939 scripts.js:418 111110
2015-08-26 15:47:32.940 scripts.js:419 11111
Object {b1: "111110", b2: "11111"}

我在b1最低点丢了00。

如何解决这个问题？

修改

@Jaromanda X的解决方案

function shortPixel(pixel){
        var padit = function(n) {
            return ('0000000' + n.toString(2)).substr(-8);
        }
        var r = padit(pixel.r).slice(0,5);
        var g1 = padit(pixel.g).slice(0,3);
        var g2 = padit(pixel.g).slice(3,6);
        var b = padit(pixel.b).slice(0,5);           
        return{
            b1: b+g1,
            b2: g2+r
        }
    }

但接下来的问题是，如何将这个转换后的像素保存为8位数组？

        var buffer = new ArrayBuffer(2);
        var data = new DataView(buffer);
        data.setUint8(0,r+g1);
        data.setUint8(1,g2+r);
        console.log(new Uint8Array(buffer))

当我这样做时，我得到[0, 73]。如何将字符串'1010101'保存为位？我需要将其转换为数字吗？

Answer 1

你错误地认为toString（2）总是输出8个字符 - 显然它不会（例如5..toString（2）只输出101

而不是

pixel.r.toString(2).slice(0,5);

DO

('0000000' + pixel.r.toString(2)).substr(-8).slice(0,5);

这个（左）将所有值填充到（至少）8个字符，substr（-8）只获取最后8个字符

或创建一个函数（示例中为padit）以删除重复

function shortPixel(pixel){
    var padit = function(n) {
        return ('0000000' + n.toString(2)).substr(-8);
    }
    var r = padit(pixel.r).slice(0,5);
    var g1 = padit(pixel.g).slice(0,3);
    var g2 = padit(pixel.g).slice(3,6);
    var b = padit(pixel.b).slice(0,5);
    console.log(r+" "+g1+"|"+g2+" "+b);
    console.log(r+g1);
    console.log(g2+b);

    return{
        b1: r+g1,
        b2: g2+b
    }
}

替代......

function shortPixel(pixel){
    var padit = function(n) {
        return ('0000000' + n.toString(2)).substr(-8);
    }
    var r = (pixel.r >> 3) << 3;
    var g1 = pixel.g >> 5;
    var g2 = ((pixel.g >> 2) & 7) << 5;
    var b = pixel.b >> 3;
    return{
        b1: padit(r+g1),
        b2: padit(g2+b)
    }
}

如何将字符串'1010101'保存为位？我需要将其转换为数字吗？

data.setUint8(0,parseInt(r+g1, 2));

或替代版本的shortPixel直接使用r + g1和g2 + b，因为它们是整数

在javascript中将3bytes RGB转换为2bytes

1 个答案: