如何用正则表达式从行内样式字符串中提取stop-opacity属性及对应值

核心正则表达式 #

/stop-opacity:([\d.]+)/

逻辑说明 #

• 正则中的stop-opacity:会精准匹配属性前缀，不管它出现在字符串的任意位置，都不会被前后其他样式字段干扰
• 捕获组([\d.]+)会自动提取冒号后由数字和小数点组成的透明度值，不需要额外处理后续的分号或其他属性内容

PHP代码示例 #

// 可替换为实际业务中的$str
$str = '#FFFFFF;stop-opacity:0.6;stop-color:#FFFFFF';
$pattern = '/stop-opacity:([\d.]+)/';
$result = [];

if (preg_match($pattern, $str, $matches)) {
    $result = [
        'type' => 'stop-opacity',
        'value' => $matches[1]
    ];
}
// 输出的$result就是要求的数组格式

容错优化 #

如果要兼容属性值前后可能存在的空格、结尾分号等情况，可以把正则调整为/stop-opacity:\s*([\d.]+)\s*;?/，新增的\s*匹配可选空格，;?匹配可选分号，适配更多不规则格式场景。 #

内容的提问来源于stack exchange，提问作者user3436467