ユーザーが画像を更新すると、アプリケーションのさまざまな仕様に合わせてサイズを変更して、プロファイルページのサイズが大きい画像、コメントの画像が小さくなるなどこれにレールで利用できる宝石はありますか?Gemは画像を複数の大きさにレンダリングする
2
A
答えて
3
これにはPaperclip gemを使用することをお勧めします。これにより、イメージにいくつかのサイズを定義することができます。これが機能するにはImageMagickがインストールされている必要があります。あなたのルビー・モデルは、このような行を持っているでしょう:
has_attached_file :image, :styles => { :small => "150x150>", :medium => "400x400#", :large => "640x640" }
デフォルトの動作では、最小寸法にサイズを変更し、縦横比を維持することです。いくつかのオプションを使用してこれを変更することができます:
- 末尾に#、サムネイルが中央でトリミングされ、要求された寸法を確保します。
- 末尾>の場合、サムネイルは現在要求されているサイズが大きい場合にのみ変更されます。
コードでは、image_tag @model.image.url(:small)
を使用して画像をリクエストできます。
詳細については、railscastをご覧ください。 PaperclipにはGitHubに関する幅広いwikiもあります。
1
paperclip gemまたはcarrierwaveはまた、あなたがImageMagickに、RMagickまたはImageScienceプロジェクト
0
私がDevil知っている最も軽量な画像操作ライブラリ/宝石をチェックアウトすることができますが付着
で動作するようにしてください。 ImageMagick/Cairoはインストールするのに苦労することがあります。私はDeviLに全く問題はなかった。乾杯。
関連する問題
- 1. TCPDF:大きな画像を複数のページに分割する
- 2. レンダリング前の画面サイズで画像の大きさを計算する
- 3. 画像の大きさ奇数
- 4. C#Winformsのビットマップに複数の画像をレンダリングする
- 5. PyGameの大きな画像を低フレームレートでレンダリングする
- 6. 複数の画像を複数の画像にループする
- 7. 拡大画像複数画像のAjax更新後のモデル
- 8. 画像を大きな画像の小さな領域にスワップ
- 9. 大きな画像に画像をコピー
- 10. コルドーバで大きな画像を背景に使用するか、複数の画像を使用しますか?
- 11. 大きな画像の上に小さな画像
- 12. div画像には大きすぎるマスク画像
- 13. 大きな画像の明るさ画像C#
- 14. 大きな画像に小さな画像を表示する際の問題
- 15. 小さな画像をCakePHPの大きな画像にリンクする
- 16. スクリプトは、大きな画像
- 17. 複数の画像をアップロードする前にプレビュー画像をアップロード
- 18. 画像の大きさを変えて画像を最適化する
- 19. OpenGL ES 2.0で大きなサイズの画像をアンドロイドでレンダリングする方法
- 20. 角度で画像を挿入する場合、画像の確認画像の大きさと高さ
- 21. 大きな画像と小さい画像のテキスト
- 22. 複数のページが素早く表示されているときに画像を拡大する方法
- 23. モーダル画像ギャラリー - 複数の画像を
- 24. 画像付きキャンバスにsvgをレンダリング
- 25. 画像をレンダリングする
- 26. 複数の画像は
- 27. はMATLABで異なる大きさの画像を結合
- 28. 無限ループを与える複数の入力に対する画像拡大?
- 29. イオン2:ngForを使用して複数の画像カードをレンダリングする方法
- 30. カイロの大きな画像
+1 Paperclipとより良い答えです。 –