css - linux下如何给图片添加底框和文字

Question

我正在尝试实现与此类似的结果

相反，我希望将框添加到最底部，大致覆盖屏幕的 1/8。

我发现可以使用 convert 工具或 ImageMagick 添加文本，但我很难理解如何添加框/栏。

Answer 1

方法一

你可以尝试这样的事情。首先，加载甲虫图像并启用透明层，以便我们稍后可以获得半透明的黑色效果。然后，在括号内，开始一些“旁白处理”，我们复制原始图片，将其大小调整为原始高度的 12% 并将其设为黑色。然后我们将透明度设置为 50%，从而完成“旁路处理”。现在，我们将 -gravity 设置为 South，这样当我们合成黑框时，它就会出现在底部 - 这也为接下来的注释设置了 anchor 位置。

convert beetle.jpg -alpha on                                    \
  \( +clone -scale x12% -threshold 101% -channel A -fx "0.5" \) \
  -gravity south -composite                                     \
  -fill white -pointsize 24 -annotate 0,0 "Probably a Beetle" result.jpg

方法2

这是另一种方法，虽然需要两个步骤，但可能更类似于您的思维方式。首先，使用ImageMagick计算出暗盒的尺寸并保存:

box=$(convert beetle.jpg -format "0,%[fx:int(h*0.88)] %w,%h" info:)

如果您运行 echo $box 您将看到类似以下内容:

0,253 432,288

然后像这样使用该变量:

convert beetle.jpg -gravity south      \
  -fill '#0008' -draw "rectangle $box" \
  -fill white -pointsize 24 -annotate 0,0 "Probably a Beetle" result.jpg