0

我正在尝试向现有图像添加标签/注释文本（文本的背景颜色是透明的）。

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

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

尝试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();
    }
}

两种尝试都生成了具有黑色背景的相同图像（在将文本添加到图像的区域中）

添加文本上的黑色 BG.

4

2 回答 2

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


在此处输入图像描述

于 2019-03-22T17:02:21.780 回答
1

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

于 2019-03-23T14:05:28.370 回答