文档章节

RBG转换HEX

Billydotzhang
 Billydotzhang
发布于 2016/06/20 15:11
字数 256
阅读 23
收藏 1
点赞 0
评论 0
  //十六进制颜色值域RGB格式颜色值之间的相互转换  
  
//-------------------------------------  
//十六进制颜色值的正则表达式  
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;  
/*RGB颜色转换为16进制*/  
String.prototype.colorHex = function(){  
    var that = this;  
    if(/^(rgb|RGB)/.test(that)){  
        var aColor = that.replace(/(?:||rgb|RGB)*/g,"").split(",");  
        var strHex = "#";  
        for(var i=0; i<aColor.length; i++){  
            var hex = Number(aColor[i]).toString(16);  
            if(hex === "0"){  
                hex += hex;   
            }  
            strHex += hex;  
        }  
        if(strHex.length !== 7){  
            strHex = that;    
        }  
        return strHex;  
    }else if(reg.test(that)){  
        var aNum = that.replace(/#/,"").split("");  
        if(aNum.length === 6){  
            return that;      
        }else if(aNum.length === 3){  
            var numHex = "#";  
            for(var i=0; i<aNum.length; i+=1){  
                numHex += (aNum[i]+aNum[i]);  
            }  
            return numHex;  
        }  
    }else{  
        return that;      
    }  
};  
  
//-------------------------------------------------  
  
/*16进制颜色转为RGB格式*/  
String.prototype.colorRgb = function(){  
    var sColor = this.toLowerCase();  
    if(sColor && reg.test(sColor)){  
        if(sColor.length === 4){  
            var sColorNew = "#";  
            for(var i=1; i<4; i+=1){  
                sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));     
            }  
            sColor = sColorNew;  
        }  
        //处理六位的颜色值  
        var sColorChange = [];  
        for(var i=1; i<7; i+=2){  
            sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));    
        }  
        return "RGB(" + sColorChange.join(",") + ")";  
    }else{  
        return sColor;    
    }  
};  



var sRgb = "RGB(255, 255, 255)" , sHex = "#ffffff";  
var sHexColor = sRgb.colorHex();//转换为十六进制方法<code></code>  
var sRgbColor = sHex.colorRgb();//转为RGB颜色值的方法  

 

© 著作权归作者所有

共有 人打赏支持
Billydotzhang
粉丝 8
博文 42
码字总数 20582
作品 0
崇明
愿意付费请教mysql死锁日志

mysql 5.7 ,在进行update操作的时候出现了死锁 请教下如何定位和解决这个问题,本地jmeter压测却不能复现,请教下,愿意付费请教,也可以私聊我,着急,谢谢! ==========================...

Macrotea ⋅ 今天 ⋅ 0

浅谈URLEncoder编码算法

一、为什么要用URLEncoder 客户端在进行网页请求的时候,网址中可能会包含非ASCII码形式的内容,比如中文。 而直接把中文放到网址中请求是不允许的,所以需要用URLEncoder编码地址, 将网址中...

听着music睡 ⋅ 2015/10/17 ⋅ 0

计算MD5值的Utility类

在实际项目中有些时候会出现需要计算指定字符串MD5值的情况,通常情况下采取这样的做法 但是用这种方法得到的MD5值是byte数组形式,在进行MD5值比较时,更多的是使用MD5值字符串形式比较,我...

杨延庆 ⋅ 04/18 ⋅ 0

如何使用Hex-Rays API有效解决问题

      一、简介   IDA Pro是二进制逆向工程中的标准。它不仅是一个出色的反汇编器和调试器,还可以从Hex-Rays购买额外的许可来扩展更强大的反编译器。然而在反汇编和反编译代码之间切换...

嘶吼RoarTalk ⋅ 04/14 ⋅ 0

web3.eth.sendRawTransaction

如果你希望马上开始学习以太坊DApp开发,可以访问汇智网提供的出色的在线互动教程: - 以太坊DApp实战入门教程 - 以太坊去中心化电商应用开发实战 发送一个已经签名的交易。比如可以用下述签...

汇智网教程 ⋅ 04/26 ⋅ 0

c++ cout 控制精度、宽度、进制

设置以上这些属性均有两种写法 一种是调用cout的方法 暂且叫做方法写法 一种是用到iomanip的函数 叫做控制器写法 一、精度 控制器写法: cout << setprecision(5); cout << fixed; 方法写法:...

apachecn_飞龙 ⋅ 2014/03/06 ⋅ 0

keyboard scan code 表

当按下一键时,产生 mark 码,产生一次 IRQ1 中断。 放开键时,产生 break 码,产生一次 IRQ1 中断。 因此:当按下 A 键放开,实际上产生了两次 IRQ1 中断 break 是 mark 码的 bit7 置 1 得来...

simpower ⋅ 05/31 ⋅ 0

A Handy Introduction to Cloud Optimized GeoTIFFs

A Handy Introduction to Cloud Optimized GeoTIFFs Since I started working at Planet, I kept hearing about Cloud Optimized GeoTIFFs (COGs). My colleague Chris Holmes even wrote a ......

openthings ⋅ 04/13 ⋅ 0

Apache JMeter TCPSampler的使用及自定义

JMeter提供纯TCP协议级别Sampler,如果你不觉得麻烦可以通过它来完成所有基于TCP协议的性能测试,这样一个万金油式的Sampler由于很少进入使用者的视野,因此,在实际使用中存在着许多隐藏特性...

xiaomin0322 ⋅ 05/02 ⋅ 0

jmeter测试TCP服务器/模拟发送TCP请求 设置16进制发送(转)

转载留存:http://blog.sina.com.cn/s/blog_46d0362d0102v8ii.html 性能测试需要模拟多种场景,经常受制于资源限制,没办法建立贴近实际部署环境的场景。因而需要借助一些软硬件提供的特性来...

xiaomin0322 ⋅ 04/27 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JPA入门,配置文件的设置

<?xml version="1.0" encoding="UTF-8"?> <persistence xmlns="http://java.sun.com/xml/ns/persistence" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http......

码农屌丝 ⋅ 17分钟前 ⋅ 0

Java基础——面向对象和构造器

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 静态成员介绍 为什么要有静态成员?静态成员用来...

凯哥学堂 ⋅ 19分钟前 ⋅ 0

vmware中Centos 7 linux的LVM磁盘扩容

系统是RHEL7(centos7差不多一样) 关闭系统,在vmware、设置、硬盘、扩展、输入数字大于当前系统内存、点击扩展。 开机再查看磁盘信息 fdisk -l 注意:可以看出sda磁盘增加了,但是根目录还...

gugudu ⋅ 29分钟前 ⋅ 0

JAVA线程sleep和wait方法区别

昨天面试,突然被问到sleep 和 wait的区别,一下子有点蒙,在这里记一下,以示警戒。 首先说sleep,sleep就是正在执行的线程主动让出cpu,cpu去执行其他线程,在sleep指定的时间过去后,cpu...

徐玉强 ⋅ 31分钟前 ⋅ 0

vuex学习--模块

随着项目复杂性增加,共享状态也越来越多。需要对转态操作进行分组,分组后在进行分组编写。学习一下module:状态管理器的模块组操作。 首先是声明: const moduleA={ state,mutations,g...

大美琴 ⋅ 33分钟前 ⋅ 0

Selenium 简单入门

安装 pip install selenium 驱动下载 https://chromedriver.storage.googleapis.com/index.html 下载最新的驱动,放入path中,可以放入Python的scripts目录下,也可以放入Chrome安装目录,并...

阿豪boy ⋅ 35分钟前 ⋅ 0

292. Nim Game - LeetCode

Question 292. Nim Game Solution 思路:试着列举一下,就能发现一个n只要不是4的倍数,就能赢。 n 是否能赢1 true2 true3 true4 false 不论删除几,对方都能一把赢5 t...

yysue ⋅ 今天 ⋅ 0

6.5 zip压缩工具 6.6 tar打包 6.7 打包并压缩

zip压缩工具 zip命令可以压缩目录和文件,-r 压缩目录。 zip使用方法 zip 1.txt.zip 1.txt //压缩文件 zip -r 123.zip 123/ //压缩目录 unzip 1.txt.zip //解压 unzip 123.zip -d /root/456...

Linux_老吴 ⋅ 今天 ⋅ 0

react-loadable使用跳坑

官方给react-loadable的定义是: A higher order component for loading components with dynamic imports. 动态路由示例 withLoadable.js import React from 'react'import Loadable fro......

pengqinmm ⋅ 今天 ⋅ 0

记录工作中遇到的坑

1、ios safari浏览器向下滚动会触发window resize事件

端木遗风 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部