CarrierWave中的resize_to_fill,resize_to_fit和resize_to_limit

来源:互联网 发布:ubuntu 16.04使用教程 编辑:程序博客网 时间:2024/06/05 23:03

使用CarrierWave对Rails项目中的图片进行处理,resize_to_fill, resize_to_fit和resize_to_limit的区别经常容易忘记,本文就以图文实验的方式直观的记录其不同之处。

实验原图:

  • 大小:1.1M
  • 尺寸: 964*650
    这里写图片描述

实验代码:

  version :fill do    process :resize_to_fill => [250, 250]  end  version :fit do    process :resize_to_fit => [250, 250]  end  version :limit do    process :resize_to_limit => [250, 250]  end

处理结果如下

resize_to_fill

注:使用resize_to_fill时长宽必须同时指定,否则报错如下:
这里写图片描述

这里写图片描述

resize_to_fit

这里写图片描述

resize_to_limit

这里写图片描述
从以上效果图可以清楚的看到,resize_to_fill会依照设定进行剪裁(取图片中间部分),而resize_to_fit与resize_to_limit则保持原图比例不变。

0 0
原创粉丝点击