我做了一个十六进制到RGB转换的JSFiddle,但我想知道怎样才能做到另一种方式(RGB到十六进制)。RGB到十六进制转换JavaScript
$('#hex').bind('blur keydown', function (event) {
setTimeout(function() {
var rgb = [],
broken = false,
value = $("#hex").val(),
hex = (value+'').replace(/#/, '');
if (value.length === 1 && value !== '#') {
$("#hex").val(value);
}
if (hex.length == 3) hex = hex + hex;
for (var i = 0; i < 6; i+=2) {
rgb.push(parseInt(hex.substr(i,2),16));
broken = broken || rgb[rgb.length - 1].toString() === 'NaN';
}
$('#rgb').val(broken ? '' : 'rgb(' + rgb.join(',') + ')');
}, 13);
});
'#hex'
和'#rgb'
只是输入:
<input type="text" id="hex" placeholder="hex">
<input type="text" id="rgb" placeholder="rgb">
我也想知道为什么,如果我是用false
更换broken
,我得到一个错误。你知道为什么我不能删除var broken = false
,只需要替换为false
?
备注:您的逻辑是目前错误的。 '#abc'不是'#abcabc',而是'#aabbcc'。 – Zeta 2013-04-06 11:43:21
哦,是吗?我该如何解决这个问题?对不起,我是JavaScript新手。 – user2203362 2013-04-06 11:44:55
请参阅http://stackoverflow.com/q/5623838/989121 – georg 2013-04-06 11:45:10