将水印图像写入上传的图像（在 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 字符串放置在应用程序设置中，因此前几行只是将其提取出来。在 return 之后，调用方法只是抓取克隆、上传和删除克隆。显然有一些更优雅的方式来处理图像，但为了演示标记，这是可以接受的。

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，并且根据目标图像的尺寸显得更小或更大。无论目标图像的分辨率如何，都希望它 "appears" 大小相同..应该很容易。

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);
}

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

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

write a watermark image to an uploaded image (in MVC controller)

.net

c#

asp.net-mvc

watermark

image-processing