(三): 十六进制转化为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 + ')'}
(三): 十六进制转化为rgb相关推荐
- PHP颜色十六进制转化为RGB
PHP颜色十六进制转化为RGB function hColor2RGB($hexColor) {$color = str_replace('#', '', $hexColor);if (strlen( ...
- 十六进制颜色值与RGB(A)颜色值互相转换。
十六进制颜色值与RGB颜色值互相转换 RGB(A)颜色转换为十六进制的颜色值 十六进制颜色值转换为RGB(A)颜色值 RGB(A)颜色转换为十六进制的颜色值 export function rgbTo ...
- python使用openCV加载图像、并将BGR格式转换成HSV格式、定义HSV格式中需要分离颜色的掩码(掩模)区间(mask)、并使用mask信息进行颜色分离、BGR格式的图像转化为RGB、并可视化
python使用openCV加载图像.并将BGR格式转换成HSV格式.定义HSV格式中需要分离颜色的掩码(掩模)区间(mask).并使用mask信息进行颜色分离.将BGR格式的图像转化为RGB.可视化 ...
- JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
/*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...
- Js 实现颜色值转换_Js 实现十六进制颜色值和RGB颜色值转换整理
一.Js 实现颜色值转换处理 js实现 十六进制颜色值转RGB颜色值 js实现 RGB颜色值 转 十六进制颜色值 var colorChange = {rgbToHex: function (val) ...
- 十六进制颜色和RGB互转
2019独角兽企业重金招聘Python工程师标准>>> dd //颜色互转 //十六进制颜色值域RGB格式颜色值之间的相互转换//-------------------------- ...
- mysql 10进制 转32进制_php十进制转换三十六进制转换
实现十进制与三十六进制的转换,一个简单实用的php函数代码<?php /** * 进制转换:十进制.三十六进制转换 * by www.junphp.com */ $dic = array(0 = ...
- Java中,十进制转化为三十六进制
将十进制数转换为三十六进制可以使用java.lang.Integer类的toString(int i, int radix)静态方法来实现,radix参数指定转换的基数,可以在2至36之间取值,当ra ...
- 提取图片RGB三通道数据+用RGB恢复原始图片
提取图片的RGB三通道数据+用RGB恢复原始图片 提取图片的RGB三通道数据 用RGB恢复原始图片 功能实现: 提取出一张图片的R.G.B三个通道的值并且将其分别转换为十进制数据存储到R.txt.G. ...
最新文章
- 我在攻克机器学习硕士学位的那些年
- 软件测试用户故事评审实验报告,软件测试评审题目.doc
- 基于python的界面自动化测试-基于Python语言的自动化测试实战第二章(上)
- 【老孙随笔】项目经理要如何看待技术?
- Xcode4.5编译ffmpeg成功,过程说明
- Linux设置swap分区为128g,swap分区或文件的数量与大小限制
- Spring boot自定义启动字符画(banner)
- 没有bug队——加贝——Python 练习实例 5,6
- 【网站建设】简单一行代码,为网站开启深色模式支持
- Redis学习总结(4)——Spring Data操作Redis
- linux内核字符驱动设备,Linux学习笔记——linux内核字符设备驱动-Go语言中文社区...
- AHT20温湿度传感器STM32-I2C驱动,替代DHT11/DHT12/AM2320/SHT20/SHT30,IIC代码兼容AHT10/15-MEMS温湿度传感器
- 官宣了!受疫情影响,程序员可免费领这些!
- [备忘]windows下安装PHP环境php.ini-recommended 跟php.ini-dist 的差别之处
- python语言是非跨平台语言_python特点
- 双系统bios如何设置默认启动系统_BIOS(主板)常用功能:设置启动磁盘顺序,迁移系统必备...
- bp神经网络的主要功能,BP神经网络的实现包括
- 新win7系统下载 win7优化旗舰版系统2022下载
- 蓝桥杯JAVA-32.二维数组(矩阵)实现旋转模板(JAVA实现)
- 《CISP》(三)信息安全管理
热门文章
- Scrapy学习大全
- 运行报错error: (-215:Assertion failed) !ssize.empty() in function 'cv::resize'
- 高性能线程间队列 DISRUPTOR 简介
- 程序猿生存指南-38 枯木逢春
- 如何提升JavaScript的任务效率?学会后教给你同事
- [BZOJ 2424][HAOI2010]订货(费用流)
- Android的内存分配与回收
- WCF学习之旅—WCF寄宿前的准备(八)
- PHP的SPFA,由于是之前的c代码,风格你懂的........(夹带php队列实现)
- struts2.0和jQuery1.5的json问题