在JavaScript中將十六進制顏色字符串轉換為整數

Question

我已經在javascript中編寫了一個函數，將顏色的整數形式從db轉換為十六進制顏色格式。但是我無法將十六進制顏色字符串轉換為int形式.parseInt（color.substr（1），16）給出了不同的結果。

<html>
<body>
<button onclick="myFunction()">Try it</button>
<p id="test"></p>
<script>
function myFunction() {

    var color="#ff0000";    
    var num = -65536;
    var alphalessHexString =getHexColor(num);
    var n = alphalessHexString+"</br>";
    var ques="i want a function to convert "+color +"  to  "+num;
    document.getElementById("test").innerHTML = n+ques;
}

function getHexColor(number){
    return "#"+((number)>>>0).toString(16).slice(-6);
}

</script>

</body>
</html>

Answer 1

如果需要帶符號的24位值，則該函數為

 function colorToSigned24Bit(s) { return (parseInt(s.substr(1), 16) << 8) / 256; } console.log(colorToSigned24Bit('#ff0000'))

說明：

                                                                                 signed 32
                                                                                 bit number
                               value    32 bit binary                            in decimal
-------------------------  ---------    ---------------------------------------  ----------
parseInt(s.substr(1), 16)   16711680    0000 0000 1111 1111 0000 0000 0000 0000    16711680
16711680 << 8             4278190090    1111 1111 0000 0000 0000 0000 0000 0000   -16777216
-16777216 / 256               -65536    1111 1111 1111 1111 0000 0000 0000 0000      -65536

在JavaScript中將十六進制顏色字符串轉換為整數

問題描述

1 個解決方案

解決方案1
6 已采納 2018-04-06 06:17:45

在JavaScript中將十六進制顏色字符串轉換為整數

問題描述

1 個解決方案

解決方案1 6 已采納 2018-04-06 06:17:45

解決方案1
6 已采納 2018-04-06 06:17:45