Question

我正在尝试将标签/注释文本（文本的背景色为透明）添加到现有图像中。

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

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

尝试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

您的第一种方法可能是最简单的方法。但是您应该改用以下重载：Array ( [1] => A [2] => A [3] => B [4] => C [5] => C [6] => D [7] => E [8] => F [9] => G [10] => H )默认为img.Composite(imgText, Gravity.South, CompositeOperator.Over);，这不是使标签作为覆盖层使用的方式。

ImageMagick.net带注释的文本/标签的背景颜色始终为黑色

2 个答案: