题目大概:将输入的rgba输出为一个数组的形式:比如 “rgba(255,255,255,0.5)” 输出成 [“#ffffff”,“0.5”] 的形式

思路:将输入的字符串进行replace操作,替换掉没用的rgba和括号,通过split(“,”),将数子分开成为一个数组,但是这时每一项都是字符串,要通过parseInt进行转化成数字,再通过tostring(16)转化成16进制,这时返回的是一个字符串,判断字符串长度是否为1,如果只有一个字符表明要在前面加上“0”,最后通过+号拼接字符串、代码实现如下

function colorChange(color) {let arr = color.replace('rgba(', '').replace(")", '').split(',')console.log(arr);const result =[]// 这里直接把透明度给到输出的第二个元素result[1] = arr[3]result[0] = "#"for(let i=0;i<3;i++){let  str =  parseInt(arr[i]).toString(16) if(str.length===1)str = "0"+strresult[0]+=str}return result}
function  colorConversion () {let myHex = colorChange('rgba(11,161,148,0.6)')console.log(myHex);}colorConversion()

笔试遇到的rgba转16进制,但透明度不需要加到里面相关推荐

  1. 禁止vite打包时将rgba转为16进制

    出现的问题 vite由于自动集成了postcss,所以打包时会将rgba转换为16进制,但是这个兼容性比较差. 这次是因为测试机是安卓APP中的 webview 时,发现不支持 CSS 中的 #RGB ...

  2. 16进制颜色值透明度百分比对照

    透明度的16进制色值和百分比对照表 写代码会常用到透明度,例如红色16进制不加透明度为#FF0000,前面两位为透明度#00FF0000 <color name="red"& ...

  3. Excel中16进制递增、公式后加符号显示的方法

    Excel中16进制递增.公式后加符号显示的方法 2012年11月21日18:16:11 想做一张8086的中断向量表.用到了Excel中的进制转换函数.求商返回商整数部分的函数. 方法: 1.先用一 ...

  4. 16进制颜色透明度计算方法

    在安卓软件开发时老是会遇到取一定透明度的颜色,这个其实可以计算的. 安卓系统里颜色一般用6位16进制表示,如#ffffff,全为f,说明是各种颜色的组合,是白色.#000000是什么颜色都没有,那就是 ...

  5. python 获取屏幕颜色_Python3 获取手机屏幕指定坐标点的 RGBA 和 16 进制颜色

    # -*- coding: utf-8 -*- # @file: test.py # @author: xiaoxiao # @date : 2019/8/14 from PIL import Ima ...

  6. 16进制色值透明度对照表

    100% - FF 99% - FC 98% - FA 97% - F7 96% - F5 95% - F2 94% - F0 93% - ED 92% - EB 91% - E8 90% - E6 ...

  7. 某段\x 16进制和unicode加密与混淆js代码的解密与反加密

    某天,在鼓捣一个ems系统,想用来做成新闻资讯类网站.弄了好多天,各个框架和结构都差不多了,重新调整了结构,一个偶然的机会,发现搜索框点击的时候不能自动清空先前的内容,于是想添加一段js代码去修改,找 ...

  8. python使用matplotlib可视化、使用英文单次或者缩写指定使用的颜色、使用16进制的RGB字符串指定颜色、使用RGB或者RGBA数字元组指定颜色

    python使用matplotlib可视化.使用英文单次或者缩写指定使用的颜色.使用16进制的RGB字符串指定颜色.使用RGB或者RGBA数字元组指定颜色 目录

  9. rgba 转 rgb或者16进制的计算方法

    项目种常常设计一个背景图+透明color的方式 ,如何转换成普通的rgb或者16进制呢? (1) 计算公式: Color = Color * alpha + Background * (1 - alp ...

  10. 8位16进制频率计设计实验--VHDL

    一.实验目的 (1)学习并掌握Quartus II的使用方法 (2)学习简单时序电路的设计和硬件测试. (3)学习使用VHDL 语言方法进行逻辑设计输入 (4)学习设计8位16进制频率计,学习较复杂的 ...

最新文章

  1. mysql分页查询语法
  2. mybatils多次查询问题
  3. mysql 用户授权_mysql添加、删除用户和授权用户
  4. 异或!!不占用额外空间!!
  5. (王道408考研数据结构)第六章图-第三节:图的遍历(DFS和BFS)
  6. jquery和javascript屏蔽右键菜单及阻止事件冒泡
  7. 计算机设置成一个网络,同一个路由器上的电脑怎么设置成局域网连网打 – 手机爱问...
  8. ps aux 查看进程
  9. 【数据库】sql连表查询
  10. 物体检测中常用的几个概念迁移学习、IOU、NMS理解
  11. 电子专业 英语词汇大全(持续更新)
  12. 为微信小程序扩展自定义babel编译功能
  13. win7下 文件名太长无法删除,无法更名问题
  14. 模拟T1数字number
  15. Tanking个人短网址在线生成源码 个性化设置
  16. 二维码解码器Zbar+VS2010开发环境配置(使用opencv库)
  17. Spring MVC框架:第二章:视图解析器和@RequestMapping注解使用在类级别及获取原生Servlet API对象
  18. windbg查阅资料(持续更新)
  19. anaconda安装、部署、卸载——Mac
  20. H3C 二层链路聚合

热门文章

  1. DevExpress chartControl 数据绑定
  2. Python调用海康威视网络相机之——python读取相机rtsp码流显示画面
  3. linux抓肉鸡入侵详细教程,一台linux肉鸡的简单手工入侵检测过程
  4. Unity安卓开发环境搭建
  5. 百度实习1,2,3面-教育知心搜索前端项目组
  6. 优秀课件笔记之文件系统
  7. 信息论基础(学习笔记整理)
  8. Geohot使用绿雨的BETA4越狱iPhone4 4.1固件详细教程
  9. 华为BIOS系统升级
  10. 【免公众号】新版盲盒交友程序源码盲盒交友系统一元交友