将水印图像写入上传的图像（在 MVC 控制器中）

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

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

这是使用更大的水印图像（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();
}

玫瑰色图像为裸水印图像，另一个是最终结果。使用 aTexturedBrush你可以做一些事情，比如使用低不透明度的平铺、倾斜文本作为水印：

创建 a 时有时会出现该错误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);
}

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