封裝

// 十六進制轉化為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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。