1. 首页
  2. 编程语言
  3. Javascript
  4. 下载

JS 按图片比例截取中间部分 缩略图不失真

下载
yzytadie 25 0 HTML 2019-05-31 04:05:42

JS按照图片比例缩放，截图图片中间部分，仿人人相册缩略图效果，保证图片不失真

用户评论
请输入评论内容
评分：
Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

不错不错，值得推荐

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

赞，不错，要自己定尺寸

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

给了一个参考思路，照着做就出来了，直接用也可以

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

相当于是一个demo，照着这个思路是可以做到图片的裁剪的。我是设置div固定，position是relative，然后图片根据长宽判断，较短的那一边100%，长的那边按比例缩放后设置top或者left为负多少像素，position为absolute

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

嗯，正是我想要效果，找了好久，终于找到这个了，刚开始以为不能用呢，最后才发现，每个图片都得给个div，不然计算的就有问题，不管怎么说，问题是解决了。

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

还不错~能用，感谢分享~

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

太简单啦，还没有找到自己想要的效果

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

虽然限制，还是可以用的！

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

牛逼！就是我要的效果！喜欢ing...

Generic placeholder image 卡了网匿名网友 2019-05-31 04:05:42

外面必须给它套个框，要不然尺寸会出错