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

Question

如何将红色,绿色和蓝色的整数字节值转换为十六进制字符串,然后将其分配给上下文以呈现到HTML5画布上？

例如,转换青色,

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);

Answer 2

只需使用RGB值,例如:

this.context.fillStyle = "rgb(0,255,255)";

Answer 3

我认为,最简单的方法是:

var g = 255;
g.toString(16); //gives "ff"

使用提供语言的功能.