首页
移动开发
物联网
服务端
编程语言
企业开发
数据库
业界资讯
其他
搜索
clip属性参数详解
其他
2018-12-06 17:59:18
阅读次数: 0
前面说到图片裁剪主要用到clip属性,是css的clip不是canvas的clip(),这里详细说一下参数的意义
w3c是这么介绍的
设置元素的形状。唯一合法的形状值是
clip : rect (
top
,
right
,
bottom
,
left
)
它是一个css属性,用来进行矩形裁剪,通过传入对应参数,这4个参数的意义为:
top:矩形上长对应父元素上长的距离(上长就是矩形上边的长)
right: 矩形右宽对应父元素左宽的距离(右宽就是矩形右边的宽)
bottom: 矩形下长对应父元素上长的距离
left: 矩形左宽对应父元素左宽的距离
例图
猜你喜欢
转载自
blog.csdn.net/hhzzcc_/article/details/80325217
clip属性参数详解
css属性clip——裁剪,各参数意义
#css遮罩clip-path属性详解
WPF Clip属性
CSS中的 clip 属性
【深度学习】详解 CLIP
CLIP论文详解
逻辑回归的参数详解及属性
linux 文件属性参数详解
moviepy音视频剪辑:moviepy中的剪辑基类Clip的属性和方法详解
CSS学习札记-clip属性
详解:44 background-clip
css3 属性 clip-path
CSS中clip-path属性
使用CSS的clip属性来截取图片
css3 clip-path属性
CSS Note 1.5 边距及clip属性
js + css (clip属性)截取图片
css3 background-clip属性
CSS3的clip-path属性
CSS中clip-path属性的使用
Clip
Apple App Clip(苹果「轻应用」)详解
AIGC神器CLIP:技术详解及应用示例
jQuery 之 DataTable 中 参数详解和 columns 的属性讲解
WPF 用Clip属性实现蒙板特效
bakcground-clip:text属性,设置文字背景
css clip样式 属性功能及作用
2019-11-29-WPF-元素裁剪-Clip-属性
HALCON setsystem 算子中参数的含义之 clip_region
今日推荐
周排行
vue + echart +map中国地图,省市地图,区县地图
spring boot2 (31)-cors跨域请求
『学习资料推荐』299元买的微信营销资料打包
个人学习卷积神经网络的疑惑解答
网络工程师-软考
模拟人生4 春夏秋冬、星梦起飞版更新下载方法以及常见问题
python关于对象的字符串显示str和repr以及
奇怪的session混乱问题
【3】分治法(divide-and-conquer)
Java项目开发成绩管理系统(九) 各模块实现信息修改
每日归档
更多
2024-08-07(0)
2024-08-06(0)
2024-08-05(0)
2024-08-04(0)
2024-08-03(0)
2024-08-02(0)
2024-08-01(0)
2024-07-31(0)
2024-07-30(0)
2024-07-29(0)