一个居中截取图片的小技巧
做项目的时候遇到一个需求，要在不缩放的情况下，截取图片的居中部分作为用户头像。以前用过css3中的clip:rect来截取图片，但是rect后面的上下左右四个参数只能是具体的数值，设置成百分比就无效了。在不知道每张图片具体大小的情况下，这个方法显然用不了。然后我想了一个办法：
- 首先判断后台所传图片宽高的方法：如下图：
- 然后在js里面获取后台所传图片，并应用上面的函数手动设置显示的图片的宽高：如下图
- 最后设置img图片外层的div样式：如下图（最后四句样式是关键）
做项目的时候遇到一个需求，要在不缩放的情况下，截取图片的居中部分作为用户头像。以前用过css3中的clip:rect来截取图片，但是rect后面的上下左右四个参数只能是具体的数值，设置成百分比就无效了。在不知道每张图片具体大小的情况下，这个方法显然用不了。然后我想了一个办法：