css图片剪裁功能 clip

html-css011

css图片剪裁功能 clip,第1张

2017-04-26

见天学习了一个CSS2 的一个功能 clip 图片裁剪功能 clip:

rect 唯一合法值。 针对定位元素 唯一合法的形状值是:rect (top, right, bottom, left)

2017-04-26

//data 实业个数组 数组里面每个元素 是一个 json 每个json 包含 x,y,value,

在图片的外围加一个div框,然后通过这个框进行加宽高,然后用overflow:hidden来隐藏图片多余的部分。像现在很流行的圆形头像,其实图片是一张四方或者长方的图片。

然后通过对包住div的css加:border-radius:50%overflow:hidden就可以显示为圆形的图片了。关于这个是最方便的。也可以用这个方法解决图片的裁切问题。

希望我的解答可以帮到你,有什么不懂可以追问。