js玩具——UI组件:颜色

本文介绍了一种颜色管理方法,包括颜色定义、获取RGB颜色值及颜色应用实例。
/*
 * 颜色
 *  author: 吴安国
 *  version: 1.0
 */
function Color() {
	
	if(arguments.length === 1) {
		this.color = arguments[0];
	} else if (arguments.length === 3) {
		this.red = arguments[0];
		this.green = arguments[1];
		this.blue = arguments[2];
	} else {
		throw new Error("方法参数错误!");
	}
}
//白色
Color.WHITE = new Color(255, 255, 255);
//浅灰
Color.LIGHTGRAY = new Color(192, 192, 192);
//灰色
Color.GRAY = new Color(128, 128, 128);
//深灰
Color.DARKGRAY = new Color(64, 64, 64);
//黑色
Color.BLACK	= new Color(0, 0, 0);
//红色
Color.RED = new Color(255, 0, 0);
//粉红
Color.PINK = new Color(255, 175, 175);
//橙色
Color.ORANGE = new Color(255, 200, 0);
//黄色
Color.YELLOW = new Color(255, 255, 0);
//绿色
Color.GREEN = new Color(0, 255, 0);
//洋红
Color.MAGENTA = new Color(255, 0, 255);
//青色
Color.CYAN = new Color(0, 255, 255);
//蓝色
Color.BLUE = new Color(0, 0, 255);

/**
 * 获取颜色
 * @return 6位16进制颜色值(#ccddee) or 颜色名称
 */
Color.prototype.getRGBColor = function() {
	
	var color = null;
	if(this.color != undefined) {
		color = "'" + this.color + "'";
	} else {
		var rgbColor = new StringBuffer("#");
		var hr = this.red.toString(16);
		if(this.red < 16) {
			rgbColor.append("0");
		}
		rgbColor.append(hr);
		
		var hg = this.green.toString(16);
		if(this.green < 16) {
			rgbColor.append("0");
		}
		rgbColor.append(hg);
		
		var hb = this.blue.toString(16);
		if(this.blue < 16) {
			rgbColor.append("0");
		}
	    rgbColor.append(hb);
	    
	    color = "'" + rgbColor.toString() + "'";
	}
	return color;
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值