封装

// 十六进制转化为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 + ')'}

(三): 十六进制转化为rgb相关推荐

  1. PHP颜色十六进制转化为RGB

    PHP颜色十六进制转化为RGB function hColor2RGB($hexColor) {$color = str_replace('#', '', $hexColor);if (strlen( ...

  2. 十六进制颜色值与RGB(A)颜色值互相转换。

    十六进制颜色值与RGB颜色值互相转换 RGB(A)颜色转换为十六进制的颜色值 十六进制颜色值转换为RGB(A)颜色值 RGB(A)颜色转换为十六进制的颜色值 export function rgbTo ...

  3. python使用openCV加载图像、并将BGR格式转换成HSV格式、定义HSV格式中需要分离颜色的掩码(掩模)区间(mask)、并使用mask信息进行颜色分离、BGR格式的图像转化为RGB、并可视化

    python使用openCV加载图像.并将BGR格式转换成HSV格式.定义HSV格式中需要分离颜色的掩码(掩模)区间(mask).并使用mask信息进行颜色分离.将BGR格式的图像转化为RGB.可视化 ...

  4. JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换

    /*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...

  5. Js 实现颜色值转换_Js 实现十六进制颜色值和RGB颜色值转换整理

    一.Js 实现颜色值转换处理 js实现 十六进制颜色值转RGB颜色值 js实现 RGB颜色值 转 十六进制颜色值 var colorChange = {rgbToHex: function (val) ...

  6. 十六进制颜色和RGB互转

    2019独角兽企业重金招聘Python工程师标准>>> dd //颜色互转 //十六进制颜色值域RGB格式颜色值之间的相互转换//-------------------------- ...

  7. mysql 10进制 转32进制_php十进制转换三十六进制转换

    实现十进制与三十六进制的转换,一个简单实用的php函数代码<?php /** * 进制转换:十进制.三十六进制转换 * by www.junphp.com */ $dic = array(0 = ...

  8. Java中,十进制转化为三十六进制

    将十进制数转换为三十六进制可以使用java.lang.Integer类的toString(int i, int radix)静态方法来实现,radix参数指定转换的基数,可以在2至36之间取值,当ra ...

  9. 提取图片RGB三通道数据+用RGB恢复原始图片

    提取图片的RGB三通道数据+用RGB恢复原始图片 提取图片的RGB三通道数据 用RGB恢复原始图片 功能实现: 提取出一张图片的R.G.B三个通道的值并且将其分别转换为十进制数据存储到R.txt.G. ...

最新文章

  1. 我在攻克机器学习硕士学位的那些年
  2. 软件测试用户故事评审实验报告,软件测试评审题目.doc
  3. 基于python的界面自动化测试-基于Python语言的自动化测试实战第二章(上)
  4. 【老孙随笔】项目经理要如何看待技术?
  5. Xcode4.5编译ffmpeg成功,过程说明
  6. Linux设置swap分区为128g,swap分区或文件的数量与大小限制
  7. Spring boot自定义启动字符画(banner)
  8. 没有bug队——加贝——Python 练习实例 5,6
  9. 【网站建设】简单一行代码,为网站开启深色模式支持
  10. Redis学习总结(4)——Spring Data操作Redis
  11. linux内核字符驱动设备,Linux学习笔记——linux内核字符设备驱动-Go语言中文社区...
  12. AHT20温湿度传感器STM32-I2C驱动,替代DHT11/DHT12/AM2320/SHT20/SHT30,IIC代码兼容AHT10/15-MEMS温湿度传感器
  13. 官宣了!受疫情影响,程序员可免费领这些!
  14. [备忘]windows下安装PHP环境php.ini-recommended 跟php.ini-dist 的差别之处
  15. python语言是非跨平台语言_python特点
  16. 双系统bios如何设置默认启动系统_BIOS(主板)常用功能:设置启动磁盘顺序,迁移系统必备...
  17. bp神经网络的主要功能,BP神经网络的实现包括
  18. 新win7系统下载 win7优化旗舰版系统2022下载
  19. 蓝桥杯JAVA-32.二维数组(矩阵)实现旋转模板(JAVA实现)
  20. 《CISP》(三)信息安全管理

热门文章

  1. Scrapy学习大全
  2. 运行报错error: (-215:Assertion failed) !ssize.empty() in function 'cv::resize'
  3. 高性能线程间队列 DISRUPTOR 简介
  4. 程序猿生存指南-38 枯木逢春
  5. 如何提升JavaScript的任务效率?学会后教给你同事
  6. [BZOJ 2424][HAOI2010]订货(费用流)
  7. Android的内存分配与回收
  8. WCF学习之旅—WCF寄宿前的准备(八)
  9. PHP的SPFA,由于是之前的c代码,风格你懂的........(夹带php队列实现)
  10. struts2.0和jQuery1.5的json问题