javascript - 需要将应用于图像的过滤器样式转换为特定的 JSON 格式

Question

需要将应用于图像的滤镜样式转换为特定的 JSON 格式以存储在数据库中。

编写了一个方法来做到这一点，但陷入了困境。

<img src="image1.jpg" class="img-responsive"  style="-webkit-filter: brightness(161%) contrast(62%) invert(27%) saturate(193%);">//Filters will be in same order

需要创建 JSON 格式，例如 {"brightness":"161","contrast":"62","invert":"27","saturate":"193"}

我尝试过:

var style= "-webkit-filter: brightness(161%) contrast(62%) invert(27%) saturate(193%)";
alert(JSON.stringify(crtJson(style)));
function crtJson(paramString){
        var paramArray = (paramString.replace(/[^\d]/g, ''));

        return paramArray;//comes like 1616227193 [no clue how to split.Got stuck]
    }

Js fiddle here .

Answer 1

给你...试试这个...

var style= "-webkit-filter: brightness(161%) contrast(62%) invert(27%) saturate(193%)";
console.log(JSON.stringify(crtJson(style)));
alert(JSON.stringify(crtJson(style)));

function crtJson(paramString){
                var paramArray = (((paramString.replace(/[^\d%]/g, '')).replace(/[^\d]/g,',')).slice(0,-1)).split(',');
                var paramJson={};
                paramJson.brightness = paramArray[0];
                paramJson.contrast = paramArray[1];
                paramJson.invert = paramArray[2];
                paramJson.saturate = paramArray[3];
                return paramJson;
            }

注意:如果过滤器被打乱，那么输出的 JSON 值也会变得困惑......

JsFiddle