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
- CarrierWave中的resize_to_fill,resize_to_fit和resize_to_limit
- rails3.2 中的 carrierwave 的快速开发
- iOS使用Carrierwave进行图片和视频的上传(swift3.0)
- carrierwave实现图片上传
- 利用CarrierWave上传文件
- Rails Carrierwave JQuery File Upload
- 使用carrierwave时判断图片尺寸
- CarrierWave使用时fog错误
- CarrierWave使用时fog错误
- Carrierwave 修改上传文件名为MD5
- carrierwave + magickimage实现图片切割上传
- Rails中 使用carrierwave实现图片上传
- rails中使用carrierwave上传图片
- 在Mac下使用gem carrierwave 上传图片出错
- Rails Gem开发(一)——Carrierwave 实现文件上传
- c#中的'&'和'&&','|'和'||'
- linux中的&&和&,|和||
- javascript中的+和C#中的+
- Linux网络基础
- 第三课:开发中常用的Git操作 (Terminal)
- Android Studio主题背景设置
- Android性能优化总结
- 栈最小值查找
- CarrierWave中的resize_to_fill,resize_to_fit和resize_to_limit
- JAVA IDE IntelliJ IDEA使用简介(一)—之界面元素
- android中Scrollview 嵌套ListView显示问题
- http协议详解及htt面试题目,常见的http状态码
- 第8章 Java的反射机制、Java的代理机制、类加载
- Webpack
- java学习——string
- 81. Search in Rotated Sorted Array II Medium
- 我愿为了更好的而努力着