header 配大虾rails

Question

我需要将 2 张图片和文字放在同一行。

例如：

（图片 1）"TEXT"（图片 2）

正在模拟 header。这是我的代码：

class PruebasPdf < Prawn::Document

def initialize(prueba)
    super()
    @prueba = Prueba.order("id DESC").all
    cabecera
    prueba_id
    marcagua
end
def cabecera
    image "#{Rails.root}/app/assets/images/logo-i.jpg", :width => 50, :height => 50,:position => :left
    text "Universidad Centroccidental Lisandro Alvarado",  size: 18, style: :bold, align: :center
    image "#{Rails.root}/app/assets/images/logo-d.jpg", :width => 50, :height => 50,:position => :right
end
def prueba_id
    table prueba_id_all do
        row(0).font_style = :bold
        columns(1..3).align = :center
        self.row_colors = ["DDDDDD","FFFFFF"]
        self.header = true
        end

end

def prueba_id_all
    [["Titulo","Descripcion","Fecha"]] + 
    @prueba.map do |prueba|
        [prueba.titulo,prueba.desc,prueba.fecha]
    end

end

def marcagua
    create_stamp("watermark") do
     rotate(30, :origin => [-5, -5]) do
       stroke_color "FF3333"
       stroke_color "000000"
       fill_color "993333"
       font("Times-Roman") do
         draw_text "Coordinacion de Investigacion", :at => [-23, -3]
       end
       fill_color "000000"
     end
    end

        stamp_at "watermark", [300, 300] 
            end  end

有人知道怎么做吗？提前致谢！对不起我的英语---

Answer 1

如果您的页眉不会以任何方式改变或动态，那么我将只使用带有 x 和 y 坐标的绝对定位来让您的图像和文本按照您想要的方式排列。你可以用 :at 选项做这样的事情：

image "#{Rails.root}/app/assets/images/logo-i.jpg", :width => 50, :height => 50, :at => [200, 80]
draw_text "Universidad Centroccidental Lisandro Alvarado",  size: 18, style: :bold, :at => [260, 100]
image "#{Rails.root}/app/assets/images/logo-d.jpg", :width => 50, :height => 50, :at => [320, 80]

这些只是示例坐标，但您可以理解

header 配大虾rails

header with prawn rails

ruby-on-rails

prawn

ruby-on-rails-4