RRGGBBAA或者RRGGBB转换成rgba()
//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
/*16进制颜色转为RGB格式*/
var colorRgb = function(color){
if(color.length>7){
var num = color.slice(7,9).toUpperCase();
var x = opacityColor(num)
color = color.slice(0,7);
}
var sColor =color.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)));
}
//转换为rgb,此时不用传递参数
if(x==undefined){
return "rgb(" + sColorChange.join(",") + ")";
}else{
//转换为rgba,透明度为传递的参数x;
return "rgba(" + sColorChange.join(",") + ","+x+")";
}
}else{
return sColor;
}
}; function opacityColor(num){
if(num=='FF'){
return 1
}else if(num=='FC'){
return .99
}else if(num=='FA'){
return .98
}else if(num=='F7'){
return .97
}else if(num=='F5'){
return .96
}else if(num=='F2'){
return .95
}else if(num=='F0'){
return .94
}else if(num=='ED'){
return .93
}else if(num=='EB'){
return .92
}else if(num=='E8'){
return .91
}else if(num=='E6'){
return .9
}else if(num=='E3'){
return .89
}else if(num=='E0'){
return .88
}else if(num=='DE'){
return .87
}else if(num=='DB'){
return .86
}else if(num=='D9'){
return .85
}else if(num=='D6'){
return .84
}else if(num=='D4'){
return .83
}else if(num=='D1'){
return .82
}else if(num=='CF'){
return .81
}else if(num=='CC'){
return .80
}else if(num=='C9'){
return .79
}else if(num=='C7'){
return .78
}else if(num=='C4'){
return .77
}else if(num=='C2'){
return .76
}else if(num=='BF'){
return .75
}else if(num=='BD'){
return .74
}else if(num=='BA'){
return .73
}else if(num=='B8'){
return .72
}else if(num=='B5'){
return .71
}else if(num=='B3'){
return .70
}else if(num=='B0'){
return .69
}else if(num=='AD'){
return .68
}else if(num=='AB'){
return .67
}else if(num=='A8'){
return .66
}else if(num=='A6'){
return .65
}else if(num=='A3'){
return .64
}else if(num=='A1'){
return .63
}else if(num=='9E'){
return .62
}else if(num=='9C'){
return .61
}else if(num=='99'){
return .6
}else if(num=='96'){
return .59
}else if(num=='94'){
return .58
}else if(num=='91'){
return .57
}else if(num=='8F'){
return .56
}else if(num=='8C'){
return .55
}else if(num=='8A'){
return .54
}else if(num=='87'){
return .53
}else if(num=='85'){
return .52
}else if(num=='82'){
return .51
}else if(num=='80'){
return .5
}else if(num=='7D'){
return .49
}else if(num=='7A'){
return .48
}else if(num=='78'){
return .47
}else if(num=='75'){
return .46
}else if(num=='73'){
return .45
}else if(num=='70'){
return .44
}else if(num=='6E'){
return .43
}else if(num=='6B'){
return .42
}else if(num=='69'){
return .41
}else if(num=='66'){
return .4
}else if(num=='63'){
return .39
}else if(num=='61'){
return .38
}else if(num=='5E'){
return .37
}else if(num=='5C'){
return .36
}else if(num=='59'){
return .35
}else if(num=='57'){
return .34
}else if(num=='54'){
return .33
}else if(num=='52'){
return .32
}else if(num=='4F'){
return .31
}else if(num=='4D'){
return .3
}else if(num=='4A'){
return .29
}else if(num=='47'){
return .28
}else if(num=='45'){
return .27
}else if(num=='42'){
return .26
}else if(num=='40'){
return .25
}else if(num=='3D'){
return .24
}else if(num=='3B'){
return .23
}else if(num=='38'){
return .22
}else if(num=='36'){
return .21
}else if(num=='33'){
return .2
}else if(num=='30'){
return .19
}else if(num=='2E'){
return .18
}else if(num=='2B'){
return .17
}else if(num=='29'){
return .16
}else if(num=='26'){
return .15
}else if(num=='24'){
return .14
}else if(num=='21'){
return .13
}else if(num=='1F'){
return .12
}else if(num=='1C'){
return .11
}else if(num=='1A'){
return .1
}else if(num=='17'){
return .09
}else if(num=='14'){
return .08
}else if(num=='12'){
return .07
}else if(num=='0F'){
return .06
}else if(num=='0D'){
return .05
}else if(num=='0A'){
return .04
}else if(num=='08'){
return .03
}else if(num=='05'){
return .02
}else if(num=='03'){
return .01
}else if(num=='00'){
return 0
}
}
RRGGBBAA或者RRGGBB转换成rgba()的更多相关文章
- RGBA的值0-255范围如何转换成0-1范围
这样一个rgba(1,0,0,1) 如果我们要把它转换成 0-255范围 就是rgb分别乘以255 就是 rgba(255,0,0,1) 0-255转0-1范围 如 rgba(34,56,56,1)转 ...
- python将url转换成二维码
准备环境 python生成二维码,需要依赖包qrcode和PIL(二维码的实质就是一个url.) python3安装PIL:pip install PIL python2安装PIL:pip insta ...
- javascript把RGB指定颜色转换成十六进制颜色(Converting R,G,B values to HTML hex notation)
Prologue 看见一篇非常好的外国文章,Making annoying rainbows in javascript,事实上我当时非常想把它翻译下来的,可是对于一个连六级都没过的人确实有点难度,一 ...
- DataTable 转换成 Json的3种方法
在web开发中,我们可能会有这样的需求,为了便于前台的JS的处理,我们需要将查询出的数据源格式比如:List<T>.DataTable转换为Json格式.特别在使用Extjs框架的时候,A ...
- 微信小程序中利用时间选择器和js无计算实现定时器(将字符串或秒数转换成倒计时)
转载注明出处 改成了一个单独的js文件,并修改代码增加了通用性,点击这里查看 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时 ...
- C#将Word转换成PDF方法总结(基于Office和WPS两种方案)
有时候,我们需要在线上预览word文档,当然我们可以用NPOI抽出Word中的文字和表格,然后显示到网页上面,但是这样会丢失掉Word中原有的格式和图片.一个比较好的办法就是将word转换成pdf,然 ...
- DataTable转换成IList<T>的简单实现
DataTable的无奈 很多时候,我们需要去操作DataTable.但DataTable的操作,实在是太不方便了.Linq?lambda表达式?统统没有... 特别是对现有结果集做进一步筛选,这样的 ...
- ASP.Net中实现上传过程中将文本文件转换成PDF的方法
iTextSharp是一个常用的PDF库,我们可以使用它来创建.修改PDF文件或对PDF文件进行一些其他额外的操作.本文讲述了如何在上传过程中将文本文件转换成PDF的方法. 基本工作 在开始之前,我们 ...
- asp.net dataTable转换成Json格式
/// <summary> /// dataTable转换成Json格式 /// </summary> /// <param name="dt"> ...
随机推荐
- 使用Webpack搭建Vue项目
前提: 1. 借助Node.js环境里的npm来安装, 2. 设置好npm镜像, (比如淘宝的npm镜像:输入 引用 npm install -g cnpm –registry=https://r ...
- 如何在datepicker滚动完毕后触发事件去获得日期
本来以为这件事情应该需要借助datepicker的委托来处理的,但是并没有找到此空间的委托. 其实最最简单的做法就是在IB中将次控件connect到一个Action上. 经过测试,当datepicke ...
- inux权限管理(1)
1.linux系统文件普通权限 2.文件所属主的设置,组的指定 3.特殊权限 4.acl权限 5.su命令及其注意事项和sudo权限 6.权限管理的注意点 0.首先,在linux下用户账户是分角色的, ...
- linux命令(25):ln命令
命令格式: ln [参数][源文件或目录][目标文件或目录] 必要参数: -b 删除,覆盖以前建立的链接 -d 允许超级用户制作目录的硬链接 -f 强制执行 -i 交互模式,文件存在则提示用户是否覆盖 ...
- MapReduce案例二:好友推荐
1.需求 推荐好友的好友 图1: 2.解决思路 3.代码 3.1MyFoF类代码 说明: 该类定义了所加载的配置,以及执行的map,reduce程序所需要加载运行的类 package com.hado ...
- Internet Explorer 浏览器在同一时刻只能从同一域名下载两个文件。
Internet Explorer 浏览器在同一时刻只能从同一域名下载两个文件.至于原因请见 MSDN Blogs:<Internet Explorer and Connection Limit ...
- 把web项目部署到tomcat上
首先在服务器搭建JDK环境:https://www.cnblogs.com/lb809663396/p/5855877.html 然后把tomcat文件包复制到服务器上,访问http://localh ...
- “无法识别的配置节system.webServer”解决办法
在Winsows 2008 Server 上安装asp.net 1.1 的应用程序,在启用默认文档或者浏览目录时会向 web.config 文件添加 <system.webServer> ...
- IA32系统级架构总览(二)
系统级架构由寄存器.数据结构.指令组成,这些设计对基本的系统级别的操作提供了支持,比如:内存管理.终端与异常处理.任务管理.多进程控制等. 我们先来看一看寄存器与数据结构的总汇图:现在你可能看不懂,不 ...
- 服务器环境从PHP5升级到PHP7
#安装ppa sudo apt-get install python-software-properties software-properties-common sudo add-apt-repos ...