顏色提取使用按位>>在javascript中

Question

爲什麼我的阿爾法錯了？

var d:number = 0xff112233; 

var r:number = (d & 0x00ff0000) >> 16; 
var g:number = (d & 0x0000ff00) >> 8; 
var b:number = d & 0x000000ff; 
var a:number = (d & 0xff000000) >> 24 ; 
console.log(r,g,b,a); 

輸出：

17,34,51，-0.00392156862745098

Answer 1

你可能運行到Javascript中的號碼不準確的處理。

Shift鍵，然後再掩蓋：

function extractRGBA(d) { 
    var b = d & 0xFF; 
    var g = (d >> 8) & 0xFF; 
    var r = (d >> 16) & 0xFF; 
    var a = (d >> 24) & 0xFF; 
    return [r, g, b, a]; 
} 

console.log(extractRGBA(0xff112233)); 

[17, 34, 51, 255] 

Answer 2

可能會嘗試這樣的： 沒有必要專門使用數量。

$(document).ready(function(){ 
     var d= 0xff112233;   
var r= (d & 0x00ff0000) >> 16 & 255; 
var g= (d & 0x0000ff00) >> 8 & 255; 
var b = d & 0x000000ff & 255; 
var a= (d & 0xff000000) >> 24 & 255; 
console.log(r,g,b,a); 
}); 

Answer 3

的解釋是在這裏：

http://msdn.microsoft.com/en-us/library/ie/5s9e947e(v=vs.94).aspx

位移位到右側被丟棄，並且該信號位加到左邊。

Answer 4

你應該用的是一個填零rightshift >>>而不是>>（簽署propogating右移）：

var d:number = 0xff112233; 

var r:number = (d & 0x00ff0000) >>> 16; 
var g:number = (d & 0x0000ff00) >>> 8; 
var b:number = d & 0x000000ff; 
var a:number = (d & 0xff000000) >>> 24 ; 
console.log(r,g,b,a); 

你得到17 34 51 255

隨着>>你只得到正確的結果時，最有效位是0。