Chuyển đổi giá trị RGBA vào một số nguyên trong Javascript

Question

Tôi đã có thể chuyển đổi số nguyên 32bit vào giá trị RGBA của họ như thế này:

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

Nhưng tôi không thực sự biết làm thế nào để đảo ngược nó.

Answer 1

Để đảo ngược nó, bạn chỉ cần kết hợp các byte thành một số nguyên. Chỉ cần sử dụng dịch chuyển trái và thêm chúng, và nó sẽ hoạt động.

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

Ngoài ra, để làm cho nó an toàn hơn, bạn có thể đầu tiên và mỗi người trong số họ với 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); 

(Bạn có thể sử dụng bitwise OR | thay vì + đây, kết quả sẽ giống nhau).