WPF实现图片合成或加水印的方法【2种方法】

本文实例讲述了WPF实现图片合成或加水印的方法。分享给大家供大家参考,具体如下:

最近项目中应用多次应用了图片合成,为了今后方便特此记下。

在WPF下有两种图片合成的方式,一种还是用原来C#提供的GDI+方式,命名空间是System.Drawing 和 System.Drawing.Imaging,另一种是WPF中新添加的API,命名空间是 System.Windows.Media 和 System.Windows.Media.Imaging 。

我们来做一个简单的例子,分别用上面的两种方式实现,功能是在一个背景图上面,画一个头像,然后在写一个签名。

首先准备一张背景图(bg.jpg)和两个头像图片(tiger.png 和 lion.png)最后的生成的图片效果如下图:

把准备的素材拷贝到项目中,其文件属性【复制到输出目录】选择【始终复制】,【生成操作】选择【内容】。

这里贴一下两种方式的主要代码,具体代码可以在文章最后点击下载。

第一种方式

使用RenderTargetBitmap 和 DrawingVisual 方式

private BitmapSource MakePicture(string bgImagePath, string headerImagePath, string signature)
{
  //获取背景图
  BitmapSource bgImage = new BitmapImage(new Uri(bgImagePath, UriKind.Relative));
  //获取头像
  BitmapSource headerImage = new BitmapImage(new Uri(headerImagePath, UriKind.Relative));
  //创建一个RenderTargetBitmap 对象,将WPF中的Visual对象输出
  RenderTargetBitmap composeImage = new RenderTargetBitmap(bgImage.PixelWidth, bgImage.PixelHeight, bgImage.DpiX, bgImage.DpiY, PixelFormats.Default);
  FormattedText signatureTxt = new FormattedText(signature,
      System.Globalization.CultureInfo.CurrentCulture,
      System.Windows.FlowDirection.LeftToRight,
      new Typeface(System.Windows.SystemFonts.MessageFontFamily, FontStyles.Normal, FontWeights.Normal, FontStretches.Normal),
      50,
      System.Windows.Media.Brushes.White);
  DrawingVisual drawingVisual = new DrawingVisual();
  DrawingContext drawingContext = drawingVisual.RenderOpen();
  drawingContext.DrawImage(bgImage, new Rect(0, 0, bgImage.Width, bgImage.Height));
  //计算头像的位置
  double x = (bgImage.Width / 2 - headerImage.Width) / 2;
  double y = (bgImage.Height - headerImage.Height) / 2 - 100;
  drawingContext.DrawImage(headerImage, new Rect(x, y, headerImage.Width, headerImage.Height));
  //计算签名的位置
  double x2 = (bgImage.Width/2 - signatureTxt.Width) / 2;
  double y2 = y + headerImage.Height + 20;
  drawingContext.DrawText(signatureTxt, new System.Windows.Point(x2, y2));
  drawingContext.Close();
  composeImage.Render(drawingVisual);
  //定义一个JPG编码器
  JpegBitmapEncoder bitmapEncoder = new JpegBitmapEncoder();
  //加入第一帧
  bitmapEncoder.Frames.Add(BitmapFrame.Create(composeImage));
  //保存至文件(不会修改源文件,将修改后的图片保存至程序目录下)
  string savePath = System.AppDomain.CurrentDomain.SetupInformation.ApplicationBase + @"\合成.jpg";
  bitmapEncoder.Save(File.OpenWrite(Path.GetFileName(savePath)));
  return composeImage;
}

第二种方式

利用原来的GDI+方式

private BitmapSource MakePictureGDI(string bgImagePath, string headerImagePath, string signature)
{
  GDI.Image bgImage = GDI.Bitmap.FromFile(bgImagePath);
  GDI.Image headerImage = GDI.Bitmap.FromFile(headerImagePath);
  //新建一个画板,画板的大小和底图一致
  System.Drawing.Bitmap bitmap = new System.Drawing.Bitmap(bgImage.Width, bgImage.Height);
  System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);
  //设置高质量插值法
  g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
  //设置高质量,低速度呈现平滑程度
  g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
  //清空画布并以透明背景色填充
  g.Clear(System.Drawing.Color.Transparent);
  //先在画板上面画底图
  g.DrawImage(bgImage, new GDI.Rectangle(0, 0, bitmap.Width, bitmap.Height));
  //再在画板上画头像
  int x = (bgImage.Width / 2 - headerImage.Width) / 2;
  int y = (bgImage.Height - headerImage.Height) / 2 - 100;
  g.DrawImage(headerImage, new GDI.Rectangle(x, y, headerImage.Width, headerImage.Height),
               new GDI.Rectangle(0, 0, headerImage.Width, headerImage.Height),
               GDI.GraphicsUnit.Pixel);
  //在画板上写文字
  using (GDI.Font f = new GDI.Font("Arial", 20, GDI.FontStyle.Bold))
  {
    using (GDI.Brush b = new GDI.SolidBrush(GDI.Color.White))
    {
      float fontWidth = g.MeasureString(signature, f).Width;
      float x2 = (bgImage.Width / 2 - fontWidth) / 2;
      float y2 = y + headerImage.Height + 20;
      g.DrawString(signature, f, b, x2, y2);
    }
  }
  try
  {
    string savePath = System.AppDomain.CurrentDomain.SetupInformation.ApplicationBase + @"\GDI+合成.jpg";
    bitmap.Save(savePath, System.Drawing.Imaging.ImageFormat.Jpeg);
    return ToBitmapSource(bitmap);
  }
  catch (System.Exception e)
  {
    throw e;
  }
  finally
  {
    bgImage.Dispose();
    headerImage.Dispose();
    g.Dispose();
  }
}
#region GDI+ Image 转化成 BitmapSource
[System.Runtime.InteropServices.DllImport("gdi32")]
static extern int DeleteObject(IntPtr o);
public BitmapSource ToBitmapSource(GDI.Bitmap bitmap)
{
  IntPtr ip = bitmap.GetHbitmap();
  BitmapSource bitmapSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap(
    ip, IntPtr.Zero, System.Windows.Int32Rect.Empty,
    System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions());
  DeleteObject(ip);//释放对象
  return bitmapSource;
}
#endregion

附:完整实例代码点击此处本站下载

更多关于C#相关内容感兴趣的读者可查看本站专题:《C#常见控件用法教程》、《WinForm控件用法总结》、《C#数据结构与算法教程》、《C#面向对象程序设计入门教程》及《C#程序设计之线程使用技巧总结》

希望本文所述对大家C#程序设计有所帮助。

(0)

相关推荐

  • WPF TextBox水印效果制作方法详解

    一种自以为是的方式: 本来只是想简单的做个水印效果,在文本框内容为空的时候提示用户输入,这种需求挺常见.网上一搜 都是丢给你你一大段xaml代码.用c#代码实现我是不倾向了 既然用wpf就得Xaml啊.首先我想到的是template嘛 wpf到处离不开template .我想到的是一个border 套一个textblock嘛 然后让文本内容通过templateBinding到Text嘛 搞得不亦乐乎 ,并且也确实很快就达到了我要的效果: <TextBox> <TextBox.Templa

  • WPF TextBox和PasswordBox添加水印

    本文实例为大家分享TextBox和PasswordBox加水印的方法,供大家参考,具体内容如下 Textbox加水印 Textbox加水印,需要一个VisualBrush和触发器验证Text是否为空,在空的时候设置背景的Brush就可以实现水印效果. <TextBox Name="txtBoxName" Width="120" Height="23"> <TextBox.Resources> <VisualBrush

  • WPF实现图片合成或加水印的方法【2种方法】

    本文实例讲述了WPF实现图片合成或加水印的方法.分享给大家供大家参考,具体如下: 最近项目中应用多次应用了图片合成,为了今后方便特此记下. 在WPF下有两种图片合成的方式,一种还是用原来C#提供的GDI+方式,命名空间是System.Drawing 和 System.Drawing.Imaging,另一种是WPF中新添加的API,命名空间是 System.Windows.Media 和 System.Windows.Media.Imaging . 我们来做一个简单的例子,分别用上面的两种方式实现

  • 利用原生JS实现懒加载lazyLoad的三种方法总结

    目录 前言 Method 1: 高度对比 Method 2: 使用getBoundingClientRect() 的API Method 3: 采用最新的 IntersectionObserver 构造函数 总结 前言 首先我们先搭建好页面如下: <style> * { padding: 0%; margin: 0%; } .contain img { width: 600px; height: 400px; } ul { list-style: none; } li { display: i

  • jQuery页面加载初始化的3种方法(推荐)

    jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(function(){ alert("第一种方法."); }); 第二种: $(function(){ alert("第二种方法."); });  第三种: jQuery(function($) { alert("第三种方法."); }); ps; 不用jQuer

  • 动态加载jQuery的两种方法实例分析

    本文实例讲述了动态加载jQuery的两种方法.分享给大家供大家参考.具体如下: 第一种方法参考本站之前有人发的代码,增加了加载检测: 第二种方法来自去年的12306刷票脚本. 第一种方法: function withjQuery(callback) { if(!(window.jQuery)) { var js = document.createElement('script'); js.setAttribute('src', 'https://dynamic.12306.cn/otsweb/j

  • android里TextView加下划线的几种方法总结

    如果是在资源文件里: <resources> <string name="hello"><u>phone:0123456</u></string> <string name="app_name">MyLink</string> </resources> 如果是代码里: TextView textView = (TextView)findViewById(R.id.tv_t

  • Spring Boot实现图片上传/加水印一把梭操作实例代码

    概述 很多网站的图片为了版权考虑都加有水印,尤其是那些图片类网站.自己正好最近和图片打交道比较多,因此就探索了一番基于 Spring Boot这把利器来实现从 图片上传 → 图片加水印 的一把梭操作! 本文内容脑图如下: 本文内容脑图 搭建 Spring Boot基础工程 过程不再赘述了,这里给出 pom中的关键依赖: <dependencies> <dependency> <groupId>org.springframework.boot</groupId>

  • php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)

    废话不说了,贴代码: 复制代码 代码如下: <?php /************************************ //函数: watermark($bigimg, $smallimg, $coord = 1) //作用: 添加水印 //参数: $bigimg 必选.大图片--要加上水印的图片 $smallimg 必选.小图片 $coord 可选.水印在大图中的位置, 1 左上角: 2 右上角: 3 右下角: 4 左下角: 5 中间 //示例: watermark('datu.p

  • ASP组件AspJpeg(加水印)生成缩略图等使用方法

    一.为图片添加水印 复制代码 代码如下: <% Dim Jpeg ''''//声明变量 Set Jpeg = Server.CreateObject("Persits.Jpeg") ''''//调用组件 Jpeg.Open Server.MapPath("aaa.JPG") ''''//源图片位置 Jpeg.Canvas.Font.Color = &H000000 ''''//水印字体颜色 Jpeg.Canvas.Font.Family = "

  • JavaScript实现判断图片是否加载完成的3种方法整理

    有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明. onload方法 通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码.如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来. 复制代码 代码如下: <img class=

  • JS 动态加载脚本的4种方法

    如果js文件都比较小,还是一个js好,这样可以减少连接数.下面是4种比较常用的方法,大家可以根据情况选择,最后我们 将会给推荐一个.1.直接document.write 复制代码 代码如下: <script language="javascript"> document.write("<script src='test.js'><\/script>"); </script> 2.动态改变已有script的src属性 复

随机推荐