jquery - CSS box-shadow 属性 - 对各种属性的精细访问
问题描述
有没有办法访问 box-shadow 的单独属性..
例如
我想分别提取'blur'和'spread'的值,并根据这些值设置一些我拥有的滑块。
有没有办法从速记“box-shadow”属性中访问这些
例如
box-shadow-spread box-shadow-color,
等等。
我不想在节点上存储一堆属性,只是为了跟踪这些值和设置控件。
解决方案
只需使用 ole pick_apart 函数:
function pick_apart(img_id) {
hold_res={}
ss = $('#' + img_id).css('box-shadow')
hold_res['color'] = ss.substring(ss.lastIndexOf("r"),ss.lastIndexOf(")")+1);
hold_res['offset_x'] = ss.split(' ')[3]
hold_res['offset_y'] = ss.split(' ')[4]
hold_res['blur_radius'] = ss.split(' ')[5]
hold_res['spread_radius'] = ss.split(' ')[6]
return(hold_res)
}
HTML:
<img id='my_img' src='https://pbs.twimg.com/profile_images/988775660163252226/XpgonN0X_400x400.jpg'>
CSS
img {
box-shadow: 10px 20px 30px 40px #555;
}
用法:
pick_apart('my_img')
结果:
{
"color": "rgb(85, 85, 85)",
"offset_x": "10px",
"offset_y": "20px",
"blur_radius": "30px",
"spread_radius": "40px"
}
推荐阅读
- nextflow - Nextflow 通道创建条件
- winapi - 无法使用 rust winapi 获取 pid 的用户名
- arrays - 使用 libpng 从内存中的数字数组创建 png 图像
- android - 加载异步地图时传递空值
- json - 从具有条目值的 url 解析 Json 并在 SwiftUI 中列出它们
- c# - 启动 exe 时使用的参数与在 Visual Studio 中启动时使用的参数不同
- python - 如何从同级文件夹中导入模块?
- java - JUnit - 如何测试接受用户输入并相应打印结果的主要方法?
- pine-script - PineScript input.symbol 未清除
- python - flask sqlalchemy update sql raw 命令不提供任何响应