愿所有的美好和期待都能如约而至

如何从包含线性渐变定义的字符串中提取色标值?

发布时间:  来源:互联网  作者:匿名  标签:error How does one extract the color-stop values from a string which contains th  热度:37.5℃

本文介绍了如何从包含线性渐变定义的字符串中提取色标值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个包含线性渐变定义的字符串…

linear-gradient(90deg, rgba(243,231,231,1), rgba(12,0,0,0.48))

.并且我需要以某种方式将两个色标值赋给一个变量,如下面的伪代码所示…

const color1 = "rgba(243,231,231,1)";
const color2 = "rgba(12,0,0,0.48)";

只提取数字也行,我只需要一些可以处理的东西。

问题是,我不能只计算字符和子字符串,因为我的线性梯度字符串值是动态的,可能会改变长度,您有什么想法吗?

推荐答案

您可以使用String#match

数据-lang=”js”数据-隐藏=”假”数据-控制台=”真”数据-巴贝尔=”假”>

let str = "linear-gradient(90deg, rgba(243,231,231,1), rgba(12,0,0,0.48))";
let res = str.match(/rgba(.*?)/g);
console.log(res);

正则表达式说明:

如果您需要同时支持rgbrgba,请使用:

str.match(/rgba?(.*?)/g);

这篇关于如何从包含线性渐变定义的字符串中提取色标值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP