ImageMagick.net 注释的背景颜色 text/label 始终为黑色

Question

我正在尝试向现有图像添加 label/annotation 文本（其中文本的背景颜色是透明的）。

我尝试了几种不同的方法，但我总是得到黑色背景。

如果有人能指出正确的方向，我将不胜感激。

尝试 1：

using (var images = new MagickImageCollection())
using (var img = new MagickImage(imgBytes))
{
    img.Resize(imageDto.Width, imageDto.Height);

    using (var imgText = new MagickImage(MagickColors.None, imageDto.Width, imageDto.Height))
    {
        var labelSettings = new MagickReadSettings()
        {
            BackgroundColor = MagickColors.None,
            Font = "Arial",
            FontPointsize = imageDto.FontSize,
            FillColor = MagickColors.Blue,
            BorderColor = MagickColors.None,
        };

        imgText.Read("label:" + imageDto.WatermarkText, labelSettings);
        img.Composite(imgText, Gravity.South);


        img.Write($"{Guid.NewGuid().ToString()}.png");
        return img.ToBase64();

    }
}

尝试 2：

using (var img = new MagickImage(imgBytes))
{
    img.Resize(imageDto.Width, imageDto.Height);

    // Load the original image and add it to the collection.
    images.Add(img);

    // Text label watermark settings
    var labelSettings = new MagickReadSettings()
    {
        BackgroundColor = new MagickColor(MagickColors.Transparent),
        Font = "Arial",
        FontPointsize = imageDto.FontSize,
        FillColor = MagickColors.Blue
    };

    // Create the label image.
    var label = new MagickImage($"label:{imageDto.WatermarkText}", labelSettings);

    // Extent the width of the label to match the width of the original image.
    label.Extent(img.Width, 0, Gravity.Center);
    label.Transparent(MagickColors.Black);

    // Add the label to the collection.
    images.Add(label);

    // Append the images to create the output image.
    using (var result = images.AppendVertically())
    {
        result.Write($"{Guid.NewGuid().ToString()}.png");
        return result.ToBase64();
    }
}

两次尝试都生成相同的黑色背景图像（在图像中添加文本的区域）

.

Answer 1

在 ImageMagick 中，您无法在不透明图像上为文本或背景绘制透明度。因此，您必须绘制一个彩色（黑色）矩形，然后用透明度填充它，然后将彩色文本绘制到透明图像上。例如你的图片：

convert image.png \
-draw "translate 250,250 fill black rectangle -50,-50 50,50 \
fill none matte 0,0 floodfill" \
-fill "rgba(255,0,0,1)" -pointsize 20 \
-gravity center -annotate +0+0 "TESTING" \
result.png

添加：

如果您只想要文字，则忽略背景颜色，只写文字。

convert image.png \
-fill "red" -pointsize 20 \
-gravity center -annotate +0+0 "TESTING" \
result.png

Answer 2

您的第一种方法可能是最简单的方法。但是您应该改用以下重载：img.Composite(imgText, Gravity.South, CompositeOperator.Over); 默认值为 CompositeOperator.In，这不是您应该用来将标签作为覆盖层的方法。

ImageMagick.net 注释的背景颜色 text/label 始终为黑色

ImageMagick.net Background colour of annotated text/label always black

imagemagick

magick.net

imagemagick.net