如何使用MiniMagick::Image为文本添加背景？设置后背景未显示

嘿，我懂你这会儿的困扰——明明设置了background 'blue'，但文本的蓝色背景就是没出来。这其实是因为ImageMagick的draw text命令并不会自动调用全局的background参数，这个参数本质是用来设置整张图片的背景，而非单独给文本添加背景的。

下面给你两种实用的解决方案，你可以根据需求选：

方案1：先画背景矩形，再写文本 #

这种方式能完全自定义背景的大小和位置，灵活性拉满：

image = MiniMagick::Image.open("#{Rails.root}/a.png")
image.combine_options do |c|
  c.fill 'green'
  c.pointsize 20
  c.gravity 'center'

  # 给第一个文本绘制蓝色背景矩形（坐标要对应文字位置调整）
  c.fill 'blue'
  # 矩形格式：x1,y1 x2,y2，这里对应text 0,-110的位置，上下左右留了缓冲空间
  c.draw "rectangle -120,-125 120,-95"
  # 重置填充色为文字颜色
  c.fill 'green'
  c.draw "text 0,-110 'Hello I am here'"

  # 给第二个文本添加背景
  c.fill 'blue'
  c.draw "rectangle 30,-195 270,-165"
  c.fill 'green'
  c.draw "text 150,-180 '#{Time.now}'"
end
image.format 'pdf'
image.write("#{Rails.root}/b.pdf")

方案2：用annotate命令替代draw text #

annotate支持直接给文本加背景框，搭配box参数就能快速实现效果，操作更简洁：

image = MiniMagick::Image.open("#{Rails.root}/a.png")
image.combine_options do |c|
  c.fill 'green'
  c.pointsize 20
  c.gravity 'center'
  c.background 'blue'
  c.box 'blue' # 启用文本背景框

  # 使用annotate添加文本，格式："偏移x,偏移y", "文本内容"
  c.annotate "0,-110", 'Hello I am here'
  c.annotate "150,-180", "#{Time.now}"
end
image.format 'pdf'
image.write("#{Rails.root}/b.pdf")

小提醒：如果选方案1，记得根据文字长度调整矩形坐标范围，避免背景框和文字适配不佳；方案2的背景会自动贴合文本宽度，不用手动调尺寸~

内容的提问来源于stack exchange，提问作者Abhi