实现百度图片搜索页面
作者：互联网
最近开发一个类似百度图片的页面，遇到了一个技术难点。所有的图片的宽高都不一样，怎么使得图片正好铺满屏幕。
首先我们图片的高度是固定的，但是由于每张图片的宽高比都是不一样的，所以算出来每张图的宽度也是不一样的，要使得图片正
好铺满屏幕，只能对图片的宽度进行裁剪，那怎么样裁剪才是最合理的呢？
假设一行最多可以放置n张图片，则取n+1张图片进行裁剪，将多余部分按比例分配到每张图片进行裁剪，宽度大的图片裁多一
点，宽度小的图片裁少一点，这样总体看起来图片与原图没有太大差别，实现出来的效果也不错。
在线demo: http://gavincat.cn/ImgListDemo
源码链接: https://github.com/752848087coder/ImgListDemo
前端小白 - GavinWu
发布了12 篇原创文章 · 获赞 3 · 访问量 1437
私信
关注
标签：裁剪,铺满,每张,宽度,搜索,ImgListDemo,页面,百度,图片 来源： https://blog.csdn.net/qq_36259513/article/details/104060942