将水印图像写入上传的图像（在 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，所以我选择了一种解决方案，可以保存图像，标记它，然后继续。这是可行的解决方案，欢迎 cmets：

注意：我已将公司水印作为 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);
}

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