ruby-on-rails - 画像をペーパークリップで自動的に垂直/水平に揃える簡単な方法はありますか？

Question

私は常に100x100の正方形の画像が欲しいのですが、拡大縮小したくありません。

100X80の画像の場合は、上部に10個の白いピクセル、下部に10個の白いピクセルを垂直に配置します。

これを処理する簡単な方法はありますか？

ペーパークリップ2.3.0でRails2.1を使用する

Answer 1

わかりました、私はついにそれを管理しました。

このスクリプトを使用して、必要な方法で画像をトリミングしました。

http://www.fmwconcepts.com/imagemagick/squareup/index.php

新しい Paperclip プロセッサを作成し、CropFile という名前を付けました。ペーパー クリップから Thumbnail プロセッサをコピーして貼り付け、いくつかの行を追加してスクエアアップ スクリプトを実行しました。

私のモデルでは：

has_attached_file :widget_image, :styles => { :square_60 => ["60x60", :png], :square_100 => ["100x100", :png] }, :processors => [:crop_file]

初期化子に paperclip_postprocess.rb を追加しました

#paperclip_postprocess.rb
module Paperclip
  # Handles thumbnailing images that are uploaded.
  class CropFile < Processor

    attr_accessor :current_geometry, :target_geometry, :format, :whiny, :convert_options, :source_file_options

    # Creates a Thumbnail object set to work on the +file+ given. It
    # will attempt to transform the image into one defined by +target_geometry+
    # which is a "WxH"-style string. +format+ will be inferred from the +file+
    # unless specified. Thumbnail creation will raise no errors unless
    # +whiny+ is true (which it is, by default. If +convert_options+ is
    # set, the options will be appended to the convert command upon image conversion
    def initialize file, options = {}, attachment = nil
      super

      geometry             = options[:geometry]
      @file                = file
      @crop                = geometry[-1,1] == '#'
      @target_geometry     = Geometry.parse geometry
      @current_geometry    = Geometry.from_file @file
      @source_file_options = options[:source_file_options]
      @convert_options     = options[:convert_options]
      @whiny               = options[:whiny].nil? ? true : options[:whiny]
      @format              = options[:format]
      @path                = options[:path]
      @source_file_options = @source_file_options.split(/\s+/) if @source_file_options.respond_to?(:split)
      @convert_options     = @convert_options.split(/\s+/)     if @convert_options.respond_to?(:split)

      @current_format      = File.extname(@file.path)
      @basename            = File.basename(@file.path, @current_format)
      # reg exp to get the with and the height
      geometry.match(/(\d+)(#|>|<)?x/)
      @width = $1
      @height = $3
    end

    # Returns true if the +target_geometry+ is meant to crop.
    def crop?
      @crop
    end

    # Returns true if the image is meant to make use of additional convert options.
    def convert_options?
      !@convert_options.nil? && !@convert_options.empty?
    end

    # Performs the conversion of the +file+ into a thumbnail. Returns the Tempfile
    # that contains the new image.
    def make
      src = @file

      dst = Tempfile.new(['bla', ".png"])
      dst.binmode

      begin
        parameters = []
        parameters << source_file_options
        parameters << ":source"
        parameters << transformation_command
        parameters << convert_options
        parameters << ":dest"

        parameters = parameters.flatten.compact.join(" ").strip.squeeze(" ")

        Paperclip.run("convert", parameters, :source => "#{File.expand_path(src.path)}[0]", :dest => File.expand_path(dst.path))
        # Cropping it with vertical and horizontal aligning
        `#{Rails.root}/public/scripts/squareup.sh -c trans -s #{@width} #{File.expand_path(src.path)} #{File.expand_path(dst.path)}`
      rescue PaperclipCommandLineError => e
        raise PaperclipError, "There was an error processing the thumbnail for #{@basename}" if @whiny
      end

      dst
    end

    # Returns the command ImageMagick's +convert+ needs to transform the image
    # into the thumbnail.
    def transformation_command
      scale, crop = @current_geometry.transformation_to(@target_geometry, crop?)
      trans = []
      trans << "-resize" << %["#{scale}"] unless scale.nil? || scale.empty?
      trans << "-crop" << %["#{crop}"] << "+repage" if crop
      trans
    end
  end
end

ペーパークリップが画像を変換した後、画像をトリミングするために次の行を追加しました

# Cropping it with vertical and horizontal aligning
`#{Rails.root}/public/scripts/squareup.sh -c trans -s #{@width} #{File.expand_path(src.path)} #{File.expand_path(dst.path)}`

誰かがより良いアイデアを思いついたら、私に教えてください:)

ありがとう

Answer 2

適切ではないかもしれませんが、CSS を使用してこれを簡単に実現できます。

html:
<div class="paperclip-holder">
   <%= your_paperclip_image_tag %>
</div>

css:
.paperclip-holder{
  width: 100px;
  height: 100px;
  background: #ffffff;
  vertical-align: center;
  text-align: center;
}