javascript - 在 JavaScript 中将整数转换为十六进制字符串

Question

如何将红色、绿色和蓝色的整数字节值转换为十六进制字符串，然后将其分配给上下文以渲染到 HTML5 Canvas 上？

例如转换青色，

var r = 0;
var g = 255;
var b = 255;

用于分配上下文填充颜色的十六进制字符串。

this.context.fillStyle = '#00FFFF';

或者有更好的方法来做到这一点吗？

Answer 1

要将数字转换为十六进制，您可以使用内置的 toString(16) 函数。简单代码:

function convert(integer) {
    var str = Number(integer).toString(16);
    return str.length == 1 ? "0" + str : str;
};

function to_rgb(r, g, b) { return "#" + convert(r) + convert(g) + convert(b); }

var color = to_rgb(r, g, b);