(三): 十六进制转化为rgb

简介: (三): 十六进制转化为rgb

封装


// 十六进制转化为rgb
export const hexToRgb = hex => {
  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
  return result ? {
    r: parseInt(result[1], 16),
    g: parseInt(result[2], 16),
    b: parseInt(result[3], 16)
  } : null
}
/**
 * @param {Object} obj
 * @description 深拷贝
 */
export const deepCopy = (obj) => {
  var result = Array.isArray(obj) ? [] : {}
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key] === 'object') {
        result[key] = deepCopy(obj[key]) // 递归复制
      } else {
        result[key] = obj[key]
      }
    }
  }
  return result
}
import { deepCopy, hexToRgb } from '@/libs/tools'
// 颜色转rgb  判断是否是十六进制
      if (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(this.editFormData.template_style_info.bg_color)) {
        let result = hexToRgb(this.editFormData.template_style_info.bg_color)
        this.editFormData.template_style_info.bg_color = 'rgb' + '(' + result.r + ',' + result.g + ',' + result.b + ')'
      }
相关文章
146Echarts - 矩形树图(Basic Treemap)
146Echarts - 矩形树图(Basic Treemap)
485 0
|
2月前
|
数据处理 开发工具 开发者
requirement.txt 管理python包依赖
在 Python 项目中,`requirements.txt` 用于记录依赖库及其版本,便于环境复现。本文介绍了多种生成该文件的方法:基础方法使用 `pip freeze`,进阶方法使用 `pipreqs`,专业方法使用 `poetry` 或 `pipenv`,以及手动维护方式。每种方法适用不同场景,涵盖从简单导出到复杂依赖管理,并提供常见问题的解决方案,帮助开发者高效生成精准的依赖列表,确保项目环境一致性。
488 4
|
11月前
|
存储 监控 安全
如何在Python Web开发中确保应用的安全性?
如何在Python Web开发中确保应用的安全性?
|
SQL Java 数据库连接
阿里云ads学习
【8月更文第6天】
863 3
|
安全 物联网 定位技术
卫星互联网:连接世界的下一个前沿
【6月更文挑战第18天】随着科技发展,互联网不可或缺,但许多地方仍面临接入难题。卫星互联网利用卫星通信,提供广域覆盖,成为连接世界的新前沿。它通过卫星转发信号实现全球互联网接入,尤其适合偏远地区。SpaceX的Starlink等项目引领行业发展,中国也积极布局。未来,卫星互联网将革新偏远地区通信、应急服务、航空航海通信及物联网,开启互联网新篇章。
|
小程序
微信小程序无法触发onReachBottom的解决方案
这篇文章提供了解决微信小程序中`onReachBottom`事件无法触发的问题的方案。问题的原因可能是`onReachBottom`方法重复,解决方案是删除系统自动生成的该方法。
|
分布式计算 数据可视化 Hadoop
【分布式计算框架】HDFS常用操作及编程实践
【分布式计算框架】HDFS常用操作及编程实践
574 1
|
存储 安全 Java
Java 是如何做 HTTPS 双向认证的?
大家好,我是指北君。 想必大家对 HTTPS 都有一定的了解吧。今天指北君将给大家聊聊 HTTPS 是如何做安全认证的。HTTPS 是 HTTP 的一个扩展,允许计算机网络中的两个实体之间进行安全通信。HTTPS 使用TLS(传输层安全)协议来实现安全连接。
Java 是如何做 HTTPS 双向认证的?
|
Java 测试技术
5分钟使用Moodle搭建在线学习管理
Moodle 是以课程为中心的组织模式,围绕课程的创建、关联老师和学生,开展教学和学习活动,来构建强大的在线学习管理平台。Moodle 通过对课程关联资源和活动,来设置课程的PPT、视频等教学资源和作业、考试、反馈等教学活动。Moodle 还有提供很多实用的功能,如更多的系统选项、课程能力模型、成绩报告及更多的课程活动等。
|
关系型数据库 MySQL 数据库
【报错】DVWA遇到Could not connect to the database service. Please check the config file. Database Error
【报错】DVWA遇到Could not connect to the database service. Please check the config file. Database Error
2174 0