0

こんにちは私は画像を保存するためにペーパークリップを使用しています私のモデルは下にあります

   class Image < ActiveRecord::Base
 has_attached_file :snap, :styles => {:banner => "950x505", :large => "1200x1200", :medium => "363x569"}
     belongs_to :product
   end

200x200の画像をアップロードし、大きなサイズの画像タグを使用して画像を表示すると、画像が奇妙で引き伸ばされます。

そして、私がこのモデルのコードに従うならば

     class Image < ActiveRecord::Base
 has_attached_file :snap, :styles => {:banner => "950x505#", :large => "1200x1200#", :medium => "363x569#"}
     belongs_to :product
   end

画像のサイズで「＃」記号を使用し、大きな画像を表示することを意味します。次に、画像は引き伸ばされませんが、上部または下部から一部が切り取られます。

どこからでも引き伸ばされたり切り取られたりすることなく、完全にフィットする画像をアップロードするにはどうすればよいですか？

4

3 に答える 3

2

これを試してみてください

http://www.webresourcesdepot.com/jquery-image-crop-plugin-jcrop/

于 2012-06-06T12:04:45.287 に答える
0

低解像度の画像をアップロードして拡大しようとすると、画像が歪んだりピクセル化したりすることは明らかです。より良いオプションは、最高解像度の画像をアップロードすることです（あなたの場合は1280pxで、それからあなたがすでに持っているスタイルを適用するかもしれません。

于 2012-05-24T09:00:37.680 に答える
0

さて、あなたが試してみたらどうなるでしょう：

class Image < ActiveRecord::Base
  has_attached_file :snap, :styles => {:banner => "950x505>", :large => "1200x1200>", :medium => "363x569>"}
  belongs_to :product
end

IIRCは、画像をトリミングせずに指定された範囲内に収まるように比例的に縮小し、指定された範囲内にすでに収まっているため、小さい画像だけを残します。

私が使う：

class Image < GenericModel
  has_attached_file :asset, :styles => {:fit => "800x600>", :thumb => "100x100>"}
  blah blah blah
end

「フィット」と「サム」のバージョンを指定します。

アップロードされた画像がポートレート400x300の場合、比率を維持するために「親指」の高さは100、幅は75になります。画像が300x400の場合、「親指」は75x100です。

「フィット」に対しても、小さい画像のストレッチは発生しません。画像は400 x 300のままです（またはその逆）。

于 2012-06-01T17:06:14.183 に答える