js 翻转颜色实现代码
2010-03-16 00:00
706 查看
function reverseColor(rgbColor) {//205,15,20 // console.log(rgbColor); rgbColor = rgbColor.replace(/\s/g, ""); var arrRGB = new Array(3); if (rgbColor.indexOf("rgb") > -1) { var colorReg = /\s*\d+,\s*\d+,\s*\d+/i; var t = colorReg.exec(rgbColor)[0].split(","); console.log(t); for (var i = 0; i < arrRGB.length; i++) { arrRGB[i] = 255 - t[i]; } } else if (rgbColor.indexOf("#") > -1) { if (rgbColor.length > 4)//"#fc0,#ffcc00" { var j = 1; for (var i = 0; i < arrRGB.length; i++) { arrRGB[i] = 255 - parseInt(rgbColor.substr((i + j), 2), 16); j += 1; } } else { for (var i = 0; i < arrRGB.length; i++) { var t = rgbColor.substr((i + 1), 1); t = t + t; arrRGB[i] = 255 - parseInt(t, 16); } } } return "rgb(" + arrRGB.join(",") + ")"; }
演示代码:
将#ffffff转换成rgb(0,0,0)格式的颜色代码
function reverseColor(rgbColor) {//205,15,20
// console.log(rgbColor);
rgbColor = rgbColor.replace(/\s/g, "");
var arrRGB = new Array(3);
if (rgbColor.indexOf("rgb") > -1) {
var colorReg = /\s*\d+,\s*\d+,\s*\d+/i;
var t = colorReg.exec(rgbColor)[0].split(",");
console.log(t);
for (var i = 0; i < arrRGB.length; i++) {
arrRGB[i] = 255 - t[i];
}
}
else if (rgbColor.indexOf("#") > -1) {
if (rgbColor.length > 4)//"#fc0,#ffcc00"
{
var j = 1;
for (var i = 0; i < arrRGB.length; i++) {
arrRGB[i] = 255 - parseInt(rgbColor.substr((i + j), 2), 16);
j += 1;
}
} else {
for (var i = 0; i < arrRGB.length; i++) {
var t = rgbColor.substr((i + 1), 1);
t = t + t;
arrRGB[i] = 255 - parseInt(t, 16);
}
}
}
return "rgb(" + arrRGB.join(",") + ")";
}
alert(reverseColor("#ffffff")); //将#ffffff转换成rgb(0,0,0)格式的颜色代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- js 翻转颜色实现代码
- js颜色选择器的两种实现直接上代码(代码里有一种,附件里是另一种)
- js实现TAB切换对应不同颜色的代码
- js方法实现rgb颜色转换成16进制格式的代码的方法
- js随机颜色代码的多种实现方式
- js实现TAB切换对应不同颜色的代码
- js颜色选择器的两种实现直接上代码(代码里有一种,附件里是另一种)
- js实现的简单radio背景颜色选择器代码
- js随机颜色代码的多种实现方式
- JS中利用swiper实现3d翻转幻灯片实例代码
- js点击列表文字对应该行显示背景颜色的实现代码
- JS实现产生随机颜色的十六进制代码
- js点击列表文字对应该行显示背景颜色的实现代码
- js实现的简单radio背景颜色选择器代码
- js颜色选择器的两种实现直接上代码(代码里有一种,附件里是另一种)
- HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
- js实现的网页颜色代码表全集
- js颜色选择器的两种实现直接上代码(代码里有一种,附件里是另一种)
- JS实现产生随机颜色的十六进制代码
- js实现的随机颜色实例代码