Conversione di valori RGBA in un intero in Javascript

Question

posso già convertire interi a 32 bit nei loro valori RGBA come questo:

pixelData[i] = { 
     red: pixelValue >> 24 & 0xFF, 
     green: pixelValue >> 16 & 0xFF, 
     blue: pixelValue >> 8 & 0xFF, 
     alpha: pixelValue & 0xFF 
    }; 

Ma io non so davvero come invertire esso.

Answer 1

Per invertire, è sufficiente combinare i byte in un numero intero. Basta usare lo spostamento a sinistra e aggiungerli, e funzionerà.

var rgb = (red << 24) + (green << 16) + (blue << 8) + (alpha); 

In alternativa, per renderlo più sicuro, si potrebbe prima e ciascuno di loro con 0xFF:

var r = red & 0xFF; 
var g = green & 0xFF; 
var b = blue & 0xFF; 
var a = alpha & 0xFF; 

var rgb = (r << 24) + (g << 16) + (b << 8) + (a); 

(Si può usare OR bit a bit | invece di + qui, il risultato sarà lo stesso).