给图片添加文字水印

rkqp9592 3年前
   <h2><strong>功能需求</strong></h2>    <ol>     <li>在图片的给定位置上添加文字水印</li>     <li>水印可以旋转和设置透明度</li>    </ol>    <p>先说说自己的实现思路:</p>    <ol>     <li>先创建具有透明背景色的文字水印图像</li>     <li>将水印图像添加到原图像中</li>    </ol>    <h2><strong>实现</strong></h2>    <p>首先创建一个接口,用于约束水印的创建方式:</p>    <pre>  <code class="language-java">public interface IWatermark  {      Bitmap CreateWatermark(string markText, Font font, Brush brush, Rectangle rectangle);  }</code></pre>    <p>具体实现:</p>    <pre>  <code class="language-java">public class Watermark : IWatermark  {      //水印画布      protected virtual Rectangle WatermarkCanvas { set; get; }        protected Watermark(){}        public Watermark(string markText, Font font)      {          int width = (int)((markText.Length + 1) * font.Size);          int height = font.Height;          WatermarkCanvas = new Rectangle(0, 0, width, height);      }        /// <summary>      /// 绘制文字水印,文字大小以像素(Pixel)为计量单位      /// </summary>      public Bitmap Mark(string filename, string markText, Font font, Brush brush, float positionX, float positionY, int angle, int transparency)      {          return CreateMarkCore(filename, markText, font, brush, positionX, positionY, angle, transparency);      }        /// <summary>      /// 绘制文字水印,文字大小以像素(Pixel)为计量单位      /// </summary>      public virtual Bitmap CreateWatermark(string markText, Font font, Brush brush, Rectangle rectangle)      {          Bitmap watermark = new Bitmap(rectangle.Width, rectangle.Height);          Graphics graphics = Graphics.FromImage(watermark);          //消除锯齿          graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;          graphics.DrawString(markText, font, brush, rectangle);          graphics.Dispose();          return watermark;      }        protected virtual Bitmap CreateMarkCore(string filename, string markText, Font font, Brush brush, float positionX, float positionY, int angle, int transparency)      {          if (!File.Exists(filename))          {              throw new FileNotFoundException("文件不存在!");          }          Bitmap resultImg;          using (Bitmap rawImg = new Bitmap(filename))          {              using (Bitmap watermarkImg = CreateWatermark(markText, font, brush, WatermarkCanvas))              using (Bitmap rotateImg = Rotate(watermarkImg, angle))              {                  using (Bitmap temp = SetAlpha(rotateImg, transparency))                  {                      resultImg = new Bitmap(rawImg.Width, rawImg.Height);                      using (Graphics newGraphics = Graphics.FromImage(resultImg))                      {                          newGraphics.DrawImage(rawImg, 0, 0);                          newGraphics.DrawImage(temp, positionX, positionY);                      }                  }              }          }          return resultImg;      }  }</code></pre>    <p>水印图片透明度设置和旋转(下面这段代码和上面一段代码都位于 Watermark 类中,因为代码量较大,所以分开来展示):</p>    <pre>  <code class="language-java">public class Watermark : IWatermark  {          protected Bitmap Rotate(Bitmap rawImg, int angle)          {              angle = angle % 360;              //弧度转换              double radian = TranslateAngleToRadian(angle);              //原图的宽和高              int width = rawImg.Width;              int height = rawImg.Height;              //旋转之后图像的宽和高              Rectangle rotateRec = RecalculateRectangleSize(width, height, angle);              int rotateWidth = rotateRec.Width;              int rotateHeight = rotateRec.Height;              //目标位图              Bitmap targetImg = new Bitmap(rotateWidth, rotateHeight);              Graphics targetGraphics = Graphics.FromImage(targetImg);              //计算偏              Point Offset = new Point((rotateWidth - width) / 2, (rotateHeight - height) / 2);              //构造图像显示区域:让图像的中心与窗口的中心点一致              Rectangle rect = new Rectangle(Offset.X, Offset.Y, width, height);              Point centerPoint = new Point(rect.X + rect.Width / 2, rect.Y + rect.Height / 2);              targetGraphics.TranslateTransform(centerPoint.X, centerPoint.Y);              targetGraphics.RotateTransform(angle);              //恢复图像在水平和垂直方向的平移              targetGraphics.TranslateTransform(-centerPoint.X, -centerPoint.Y);              targetGraphics.DrawImage(rawImg, rect);              //重至绘图的所有变换              targetGraphics.ResetTransform();              targetGraphics.Save();              targetGraphics.Dispose();              return targetImg;          }            /// <summary>          /// 设置图像透明度,0:全透明,255:不透明          /// </summary>          protected Bitmap SetAlpha(Bitmap rawImg, int alpha)          {              if (!(0 <= alpha) && alpha <= 255)              {                  throw new ArgumentOutOfRangeException("alpha ranges from 0 to 255.");              }              //颜色矩阵              float[][] matrixItems =              {                  new float[]{1,0,0,0,0},                  new float[]{0,1,0,0,0},                  new float[]{0,0,1,0,0},                  new float[]{0,0,0,alpha/255f,0},                  new float[]{0,0,0,0,1}              };              ColorMatrix colorMatrix = new ColorMatrix(matrixItems);              ImageAttributes imageAtt = new ImageAttributes();              imageAtt.SetColorMatrix(colorMatrix, ColorMatrixFlag.Default, ColorAdjustType.Bitmap);              Bitmap resultImg = new Bitmap(rawImg.Width, rawImg.Height);              Graphics g = Graphics.FromImage(resultImg);              g.DrawImage(rawImg, new Rectangle(0, 0, rawImg.Width, rawImg.Height),                      0, 0, rawImg.Width, rawImg.Height, GraphicsUnit.Pixel, imageAtt);              g.Dispose();                return resultImg;          }            protected double TranslateAngleToRadian(float angle)          {              return angle * Math.PI / 180;          }            protected Rectangle RecalculateRectangleSize(int width, int height, float angle)          {              double radian = TranslateAngleToRadian(angle);              double cos = Math.Cos(radian);              double sin = Math.Sin(radian);              double newWidth = (int)(Math.Max(Math.Abs(width * cos - height * sin), Math.Abs(width * cos + height * sin)));              double newHeight = (int)(Math.Max(Math.Abs(width * sin - height * cos), Math.Abs(width * sin + height * cos)));              return new Rectangle(0, 0, (int)newWidth, (int)newHeight);          }        }</code></pre>    <p>整个 Watermark 类对外只暴露 Bitmap Mark(string filename, string markText, Font font, Brush brush, float positionX, float positionY, int angle, int transparency) 一个方法,向图片中添加水印只需创建 Watermark 实例,然后调用该方法即可。具体实现代码如下:</p>    <pre>  <code class="language-java">//.NET中,Font尺寸的默认单位是Point,这里统一使用Pixel作为计量单位  string path = @"C:\Users\chiwenjun\Desktop\1.PNG";  string markText = "字体:微软雅黑";  Font font = new Font("微软雅黑", 40, FontStyle.Bold, GraphicsUnit.Pixel);  Watermark watermark = new Watermark(markText, font);  Bitmap img = watermark.Mark(path, markText, font, new SolidBrush(Color.FromArgb(0, 0, 0)), 160, 535, 0, 180);  img.Save(path, ImageFormat.Png);</code></pre>    <p style="text-align:center"><img src="https://simg.open-open.com/show/c03170be004cc430d76c29e171dab558.png"></p>    <p style="text-align:center">原图</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/6bff1de0b0131f7ac7af5aa690d9deb1.png"></p>    <p style="text-align:center">添加水印效果图</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/78e4514e50a6dfce26fa3e8b7f4c1d46.png"></p>    <p style="text-align:center">水印顺时针旋转55 <sup>0</sup> 效果</p>    <p>旋转前后,水印图像的宽和高会发生变化,如下图所示:</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/5d1acdd41f1049d10ef7d26b1b64e41f.png"></p>    <p style="text-align:center">水印图片旋转前后宽高变化</p>    <h2><strong>扩展</strong></h2>    <p>上面的代码很好的实现了在图片上添加单行水印的效果,若要实现多行水印可以通过对 Watermark 类的扩展来实现。</p>    <p>创建类 MultiLineWatermark 继承自 Watermark ,然后覆写属性 WatermarkCanvas 来指定水印画布的大小;覆写方法 CreateWatermark 来实现多行水印效果。</p>    <pre>  <code class="language-java">public class MultiLineWatermark : Watermark      {          protected int _canvasWidth = 0;          protected int _canvasHeight = 0;          //每行水印所允许的最大字数          protected int _lineMaxLength = 0;          //水印所允许的最大字数          protected int _wordMaxLength = 0;            protected override Rectangle WatermarkCanvas          {              get              {                  return new Rectangle(0, 0, this._canvasWidth, this._canvasHeight);              }          }            public MultiLineWatermark(int canvasWidth, int canvasHeight, int lineMaxLength, int wordMaxLength)          {              this._canvasWidth = canvasWidth;              this._canvasHeight = canvasHeight;              this._lineMaxLength = lineMaxLength;              this._wordMaxLength = wordMaxLength;          }            public override Bitmap CreateWatermark(string markText, Font font, Brush brush, Rectangle rectangle)          {              Bitmap watermark = new Bitmap(rectangle.Width, rectangle.Height);              Graphics graphics = Graphics.FromImage(watermark);              //消除锯齿              graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;              int lineHeight = _canvasHeight / (_wordMaxLength / _lineMaxLength);              if (markText.Contains('#'))              {                  string[] textList = markText.Split('#');                  int count = (int)Math.Min(textList.Length, Math.Ceiling(_wordMaxLength * 1.0 / _lineMaxLength));                  for (int i = 0; i < count; i++)                  {                      if (textList[i].Length > _lineMaxLength)                      {                          textList[i] = textList[i].Substring(0, _lineMaxLength);                      }                      //文字居中                      graphics.DrawString(textList[i], font, brush, (rectangle.Width - textList[i].Length * font.Size) / 2, i * lineHeight);                  }              }              else              {                  //文字居中                  if (markText.Length <= _lineMaxLength)                  {                      graphics.DrawString(markText, font, brush, (rectangle.Width - markText.Length * font.Size) / 2, 0);                  }                  else                  {                      int count = (int)Math.Min(Math.Ceiling(_wordMaxLength * 1.0 / _lineMaxLength), Math.Ceiling(markText.Length * 1.0 / _lineMaxLength));                      string[] temp = new string[count];                      for (int i = 0; i < count; i++)                      {                          if (i * _lineMaxLength + _lineMaxLength <= markText.Length)                          {                              temp[i] = markText.Substring(i * _lineMaxLength, _lineMaxLength);                          }                          else                          {                              temp[i] = markText.Substring(i * _lineMaxLength, markText.Length - i * _lineMaxLength);                          }                          graphics.DrawString(temp[i], font, brush, (rectangle.Width - temp[i].Length * font.Size) / 2, i * lineHeight);                      }                  }              }              graphics.Dispose();              return watermark;          }      }</code></pre>    <p>具体的使用方式和调用 Watermark 类似,代码如下:</p>    <pre>  <code class="language-java">string path = @"C:\Users\chiwenjun\Desktop\1.PNG";  //以#作为换行标记  string markText = "字体:#微软雅黑雅黑雅黑";  Font font = new Font("微软雅黑", 40, FontStyle.Bold, GraphicsUnit.Pixel);  //若字数超过每行所允许的最大值,超出部分被忽略  int lineMaxLength = 7;  //超出的字数会被忽略  int wordMaxLength = 14;  //行高,用于计算水印图像的高  int lineHeight = 55;  int width = (int)((lineMaxLength + 1) * font.Size);  int height = (int)(Math.Ceiling(wordMaxLength * 1.0 / lineMaxLength) * lineHeight);  Watermark watermark = new MultiLineWatermark(width, height, lineMaxLength, wordMaxLength);  Bitmap img = watermark.Mark(path, markText, font, new SolidBrush(Color.FromArgb(0, 0, 0)), 150, 535, 0, 180);  img.Save(path, ImageFormat.Png);</code></pre>    <p>多行水印的文字是居中显示的:</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/cb7c5daa97655951780a0f35deed4aad.png"></p>    <p style="text-align:center">多行水印效果图</p>    <p>若没有使用#标记换行,当一行字数超过指定的最大字数时,会自动换行。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/705251056f9d325654c62dd77f2c9794.png"></p>    <p style="text-align:center">自动换行效果</p>    <p>这篇文章是对自己项目中添加水印功能的记录,通篇以代码为主,看起来可能会感觉比较枯燥。</p>    <p>功能的实现没有太多难点,唯有一点感受较深,就是水印图像宽和高的计算。.NET(.NET Framework 4.5)中字体大小的度量单位默认是Point,而图像的度量单位是Pixel,单位的不同导致水印图像尺寸的计算出现偏差,这一点折磨我很久。</p>    <p> </p>    <p> </p>    <p> </p>    <p>来自:http://www.jianshu.com/p/bc182bdfea73</p>    <p> </p>