carrierwave自定義圖片尺寸

在教程使用的carrierwave圖片管理工具能夠讓我們上傳一張圖片獲得不同尺寸的圖片

class MyUploader < CarrierWave::Uploader::Base
  include CarrierWave::MiniMagick

  process resize_to_fit: [800, 800]

  version :thumb do
    process resize_to_fill: [200,200]
  end
  
  version :medium do
    process resize_to_fill: [400,400]
  end
end

但是同樣的寬高比得出的都是四四方方的圖片,如果要將圖片設(shè)置成矩形該怎么辦呢沐序?比如:
在首頁(yè)我要的是這個(gè)比例

在index頁(yè)面我要的是這個(gè)比例:

而在show頁(yè)面則是這樣:

那該怎么做呢跃赚? 可能首先想到的是去把thumb和medium中的尺寸改成自己想要的惧眠,但是刷新頁(yè)面發(fā)現(xiàn)什么都沒有改變疹瘦,還是老樣子霜定,為什么呢嗤放?

我們來看看官方的解釋

When this uploader is used, an uploaded image would be scaled to be no larger than 800 by 800 pixels. A version called thumb is then created, which is scaled and cropped to exactly 200 by 200 pixels.
One important thing to remember is that process is called before versions are created. This can cut down on processing cost.

意思是當(dāng)使Uploader時(shí)思喊,首先就是運(yùn)行這一行process resize_to_fit: [800, 800],將圖片裁剪成一個(gè)固定尺寸;接著才會(huì)根據(jù)[800,800]的比例生成thumb和medium尺寸的圖片次酌。

這樣看來恨课,如果你已經(jīng)建立了一個(gè)產(chǎn)品,那么當(dāng)前圖片的thumb和medium尺寸的圖片已經(jīng)生成了岳服,臨時(shí)更改的尺寸只能在下一個(gè)新建產(chǎn)品中才能有效剂公。

注意: 在設(shè)置resize_to_fit: [width,height]的時(shí)候,如果只想固定某一個(gè)值吊宋,比如讓寬度固定在1000纲辽,高度不設(shè)限,那么就可以用一個(gè)極大值代替高度贫母,例如: [100,10000]

同樣文兑,version版本數(shù)量是完全可以自定義的,只需要在image_tag中使用相對(duì)應(yīng)的URL即可腺劣,例如:定義了一個(gè)

version :small do
  process resize_to_fill: [200, 100]
end

那么只需使用<%= image_tag(event.image.small.url) %>即可绿贞。

覺得有用,麻煩看看我們的作品聚聚, 能夠支持一票更好啦i僭<!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末趾断,一起剝皮案震驚了整個(gè)濱河市拒名,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌芋酌,老刑警劉巖增显,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異脐帝,居然都是意外死亡同云,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門堵腹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來炸站,“玉大人,你說我怎么就攤上這事疚顷『狄祝” “怎么了禁偎?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)阀坏。 經(jīng)常有香客問我如暖,道長(zhǎng),這世上最難降的妖魔是什么全释? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任装处,我火速辦了婚禮,結(jié)果婚禮上浸船,老公的妹妹穿的比我還像新娘妄迁。我一直安慰自己,他們只是感情好李命,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布登淘。 她就那樣靜靜地躺著,像睡著了一般封字。 火紅的嫁衣襯著肌膚如雪黔州。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天阔籽,我揣著相機(jī)與錄音流妻,去河邊找鬼。 笑死笆制,一個(gè)胖子當(dāng)著我的面吹牛绅这,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播在辆,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼证薇,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了匆篓?” 一聲冷哼從身側(cè)響起浑度,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鸦概,沒想到半個(gè)月后箩张,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡窗市,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年先慷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谨设。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡熟掂,死狀恐怖缎浇,靈堂內(nèi)的尸體忽然破棺而出扎拣,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布二蓝,位于F島的核電站誉券,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏刊愚。R本人自食惡果不足惜踊跟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鸥诽。 院中可真熱鬧商玫,春花似錦、人聲如沸牡借。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)钠龙。三九已至炬藤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碴里,已是汗流浹背沈矿。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留咬腋,地道東北人羹膳。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像帝火,于是被迫代替她去往敵國(guó)和親溜徙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容