【问题标题】:Is there an easy way to automatic vertical/horizontal align images with paperclip?有没有一种简单的方法可以用回形针自动垂直/水平对齐图像?
【发布时间】:2011-04-27 08:38:39
【问题描述】:

我一直想要 100x100 的方形图像,但我不想缩放。

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

有没有简单的方法来处理这个问题?

在回形针 2.3.0 中使用 Rails 2.1

【问题讨论】:

    标签: ruby-on-rails paperclip image-science


    【解决方案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;
    }
    

    【讨论】:

    • 这是个好主意 :) 但我并没有为此寻找任何东西。我不只将图像用于网站 :) 但是谢谢!
    【解决方案2】:

    好吧,我终于成功了。

    我使用此脚本按我想要的方式裁剪图像。

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

    我制作了一个新的 Paperclip 处理器并命名为 CropFile。我从回形针复制粘贴了缩略图处理器,并添加了一些行来运行 squareup 脚本。

    在我的模型中:

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

    如果有人有更好的想法,请给我:)

    谢谢

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-16
      • 2017-03-03
      • 2016-01-18
      • 1970-01-01
      • 2011-05-12
      • 2018-06-23
      相关资源
      最近更新 更多