Question

我总是想要100x100的方形图像，但我不想缩放。

如果它是100X80的图像，我希望它垂直对齐，顶部有10个白色像素，底部有10个白色像素。

有没有一种简单的方法可以解决这个问题？

将Rails 2.1与paperclip 2.3.0一起使用

Answer 1

可能不合适，但您可以使用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;
}

Answer 2

好的，我终于成功了。

我用这个脚本按照我想要的方式裁剪图像。

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

我制作了一个新的Paperclip处理器并命名为CropFile。我从纸夹复制粘贴缩略图处理器，并添加了一些行来运行平方脚本。

在我的模型中：

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)}`

如果有人有更好的想法，请给我：）

由于

有没有一种简单的方法来使用回形针自动垂直/水平对齐图像？

2 个答案: