przeliczania wartości RGBA w jedną liczbę całkowitą w JavaScript

Question

mogę już 32-bitowe liczby całkowite konwersji do ich wartości RGBA tak:

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

Ale ja naprawdę nie wiem, jak go odwrócić.

Answer 1

Aby odwrócić tę operację, wystarczy połączyć bajty w liczbę całkowitą. Po prostu użyj lewej zmiany i dodaj je, a to zadziała.

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

Alternatywnie, aby to bezpieczniejsze, można najpierw, a każdy z nich z 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); 

(można używać logiczną OR | zamiast + tutaj, wynik będzie taki sam).