c# - 将水印图像写入上传的图像(在 MVC Controller 中)

Question

我想接受用户上传的图像文件，在角落写一个 16x16 的小图标，然后将图像保存到我的 Azure 云存储。

我找到了一些关于这个主题的好帖子，但我不太明白。我以为我几乎拥有它但是在 TextureBrush 行上出现 OutOfMemory 异常。

如果我需要添加任何其他信息，请告诉我，感谢您的帮助!

这是我到目前为止的工作(AddWaterMark 是废话的部分):

                // add watermark before uploading to cloud server
                Stream stream = _fileManager.AddWaterMark(file.InputStream);

                cloudBlockBlob.UploadFromStream(stream, null, null, null);
                fileUrl = cloudBlockBlob.Uri.ToString();
--------<snip>----------

还有我的 AddWaterMark 方法:

 public Stream AddWaterMark(Stream stream)
    {

        var bytes = Convert.FromBase64String(Settings.Default.PartnifyWatermark);
        Image watermarkImage;
        using (var ms = new MemoryStream(bytes))
        {
            watermarkImage = Image.FromStream(ms);
        }


        using (var image = Image.FromStream(stream))
        using (var imageGraphics = Graphics.FromImage(image))
        using (var watermarkBrush = new TextureBrush(watermarkImage))
        {
            var x = (image.Width - 16);
            var y = (image.Height - 16);
            watermarkBrush.TranslateTransform(x, y);
            imageGraphics.FillRectangle(watermarkBrush, new Rectangle(new Point(x, y), new Size(watermarkImage.Width + 1, watermarkImage.Height)));
            image.Save(stream, ImageFormat.Png);
            return stream;
        }

    }

-------------------- 下面的工作解决方案 ------

最初，我想在将上传的图片发送到我的 Azure 存储之前在中途为其添加水印。我认为我真的很接近，但我不能完全让它与其他一切一起工作。我上传的图片一次一张，小于 2M，所以我选择了一个解决方案，可以保存图片、标记它并继续。这是工作解决方案，欢迎评论:

注意:我已将公司水印作为 base64 字符串放置在应用程序设置中，因此前几行只是将其提取出来。返回后，调用方法只是抓取克隆、上传和删除克隆。显然有一些更优雅的方式来处理图像，但为了演示标记，这是可以接受的。

public void AddWaterMark(string filepath)
    {
        //var outStream = new MemoryStream();   
        var watermarkImageBase64 = Settings.Default.CompanyWatermark;
        var data = Convert.FromBase64String(watermarkImageBase64);
        using (var streamWatermark = new MemoryStream(data, 0, data.Length))
        using (var watermark = Image.FromStream(streamWatermark))
        using (var targetImage = Image.FromFile(filepath))
        using (var g = Graphics.FromImage(targetImage))
        {
            var destX = (targetImage.Width - watermark.Width) - 10;
            var destY = 10;

            g.DrawImage(watermark, new Rectangle(destX, destY, watermark.Width, watermark.Height));

            using (var cloneImage = (Image) targetImage.Clone())
            {
                cloneImage.Save(Server.MapPath("~/User_Data/cloneImage.png"));
            }
        }

有一件事我不喜欢这种方法....传入的图像已经在水印点转换为 png，但水印为 16x16，并且根据目标图像的尺寸显得更小或更大。无论目标图像的分辨率如何，都希望它“出现”大约相同的大小..应该很容易。

Answer 1

您可以通过将图像绘制到目标来更简单地为图像添加水印。 TextureBrush 可以将图像平铺在整个目标上。

这是使用较大的水印图像 (125x125) 但这并不重要，因为您可以将其缩略为所需的大小:

// show before
pbWM.Image = Image.FromFile(@"C:\Temp\horus_w.png");

using (Image watermark = Image.FromFile(@"C:\Temp\horus_w.png"))
using (Image TargetImg = Image.FromFile(@"C:\Temp\BigHead.jpg"))
using (Graphics g = Graphics.FromImage(TargetImg))
{
    var destX = (TargetImg.Width - watermark.Width) - 10;
    var destY = (TargetImg.Height - watermark.Height) - 10;

    g.DrawImage(watermark, new Rectangle(destX,
                destY,
                watermark.Width,
                watermark.Height));
    // display a clone for demo purposes
    pb2.Image = (Image)TargetImg.Clone();
}

玫瑰色的是裸水印图，另一个是最终结果。使用 TexturedBrush，您可以使用低不透明度的平铺、倾斜文本作为水印:

创建 TextureBrush 时有时会遇到该错误，我通过指定大小来避免它:

using (TextureBrush br = new TextureBrush(wmImg,
            new Rectangle(0, 0, wmImg.Width - 1, wmImg.Height - 1)))
{
    g.FillRectangle(br, 0, 0, Marked.Width, Marked.Height);
}

顺便说一句，如果水印图像/ Logo 相同，我会将其存储在一个变量中并反复使用相同的图像。问题中的代码每次都创建一个新的 watermarkImage 而不是处理它。