需要将应用于图像的滤镜样式转换为特定的 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 .
最佳答案
给你...试试这个...
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 值也会变得困惑......
关于javascript - 需要将应用于图像的过滤器样式转换为特定的 JSON 格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34875815/