数码资讯
javascript实现彩色RGB和16转换的方法
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了用javascript实现彩色RGB和16转换的方法,供大家参考:
使用方法uff1a
颜色(12,34,56);
颜色(# FFF)
颜色(# defdcd )
实现代码:
颜色转换
函数(){()
如果(!(这是颜色)){
新颜色();
色。_init.apply(颜色、参数);
返回的颜色;
}
如果(参数,长度){
这_init.apply(这个观点);
}
}
设置get / set方法。
var方法= 红色
无功definesetgetmethod =功能(FN、方法){
无功fnprototype = fn.prototype;
对于(var i = 0;i < methods.length;i++){
var语句=方法{我}。charAt(0)。ToLocaleUpperCase()+方法{我}的子串(1);
FN。原型{让+语句} =新功能(价值
FN。原型{ ' ' +语句} =新功能(退货。+方法{我} +;);
FN。原型{ 'tostring} =新功能(返回RGB(+红+本。
}
};
definesetgetmethod(色法);
扩展函数实例方法
函数(FN,选项){
无功fnprototype = fn.prototype;
对于(var i在选项中){
我fnprototype { } =选择{我};
}
};
扩展(颜色,{
_init:函数(){
如果(arguments.length = = 3){
this.red =论点{ 0 };
this.green =论点{ 1 };
this.blue =论点{ 2 };
This.getColorValue();
{人}
无功colorvalue =论点{ 0 }。取代( / ^ # { 1 } /,);
如果(colorvalue.length = = 3){
colorvalue = colorvalue.replace( / /克(。),1美元,1美元);
}
this.red = parseInt('0x + colorvalue.substring(0, 2),16);
this.green = parseInt('0x + colorvalue.substring(2, 4),16);
this.blue = parseInt('0x + colorvalue.substring(4),16);
this.colorvalue =# + colorvalue ;
}
},
GetColorValue:函数(){
如果(这。colorvalue){
返回this.colorvalue;
}
VaR HR = this.red.tostring(16);
var = this.green.tostring Hg(16);
VaR HB = this.blue.tostring(16);
返回this.colorvalue =#+(this.red < 16(0小时):人力资源(this.green<16)+(0 + Hg):Hg(this.blue<16)+(0 +精):HB);
}
});
希望本文能对大家的javascript程序设计有所帮助。
使用方法uff1a
颜色(12,34,56);
颜色(# FFF)
颜色(# defdcd )
实现代码:
颜色转换
函数(){()
如果(!(这是颜色)){
新颜色();
色。_init.apply(颜色、参数);
返回的颜色;
}
如果(参数,长度){
这_init.apply(这个观点);
}
}
设置get / set方法。
var方法= 红色
无功definesetgetmethod =功能(FN、方法){
无功fnprototype = fn.prototype;
对于(var i = 0;i < methods.length;i++){
var语句=方法{我}。charAt(0)。ToLocaleUpperCase()+方法{我}的子串(1);
FN。原型{让+语句} =新功能(价值
FN。原型{ ' ' +语句} =新功能(退货。+方法{我} +;);
FN。原型{ 'tostring} =新功能(返回RGB(+红+本。
}
};
definesetgetmethod(色法);
扩展函数实例方法
函数(FN,选项){
无功fnprototype = fn.prototype;
对于(var i在选项中){
我fnprototype { } =选择{我};
}
};
扩展(颜色,{
_init:函数(){
如果(arguments.length = = 3){
this.red =论点{ 0 };
this.green =论点{ 1 };
this.blue =论点{ 2 };
This.getColorValue();
{人}
无功colorvalue =论点{ 0 }。取代( / ^ # { 1 } /,);
如果(colorvalue.length = = 3){
colorvalue = colorvalue.replace( / /克(。),1美元,1美元);
}
this.red = parseInt('0x + colorvalue.substring(0, 2),16);
this.green = parseInt('0x + colorvalue.substring(2, 4),16);
this.blue = parseInt('0x + colorvalue.substring(4),16);
this.colorvalue =# + colorvalue ;
}
},
GetColorValue:函数(){
如果(这。colorvalue){
返回this.colorvalue;
}
VaR HR = this.red.tostring(16);
var = this.green.tostring Hg(16);
VaR HB = this.blue.tostring(16);
返回this.colorvalue =#+(this.red < 16(0小时):人力资源(this.green<16)+(0 + Hg):Hg(this.blue<16)+(0 +精):HB);
}
});
希望本文能对大家的javascript程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。