ITPub博客

首页 > Linux操作系统 > Linux操作系统 > C#中使用GDI+制作个性化的网站新闻标题

C#中使用GDI+制作个性化的网站新闻标题

原创 Linux操作系统 作者:大可山 时间:2009-01-06 10:34:14 0 删除 编辑

有时,我们需要让新闻标题更加个性化,例如:网站首页图片大标题(新闻头条标题等)。如下图:


上面这幅图片是新华网上的今日头条的标题。
我们一般的做法可能是:使用Photoshop制作成图片,保存上传。这样需要浪费人力,比较麻烦。有没有更好的办法呢?

下面使用GDI+及C#代码,完成自动实现的过程。

老规矩,先看看运行效果:


下面是C#代码:
// Text2Image.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Text2Image.aspx.cs" Inherits="BrawDraw.Com.Utility.Utility_Text2Image" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml" >

    生成图片验证码


   
   

// Text2Image.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.IO;

namespace BrawDraw.Com.Utility
{
    public partial class Utility_Text2Image : System.Web.UI.Page
    {
        int _width = 480;
        public int Width
        {
            get
            {
                return _width;
            }
            set
            {
                _width = value;
            }
        }

        int _height = 66;
        public int Height
        {
            get
            {
                return _height;
            }
            set
            {
                _height = value;
            }
        }

        string _text = string.Empty;
        public string Text
        {
            get
            {
                return _text;
            }
            set
            {
                _text = value;
            }
        }

        string _fontName = "宋体";
        public string FontName
        {
            get
            {
                return _fontName;
            }
            set
            {
                _fontName = value;
            }
        }

        Color _fontColor = Color.Black;
        public Color FontColor
        {
            get
            {
                return _fontColor;
            }
            set
            {
                _fontColor = value;
            }
        }

        Color _backgroundColor = Color.White;
        public Color BackgroundColor
        {
            get
            {
                return _backgroundColor;
            }
            set
            {
                _backgroundColor = value;
            }
        }

        //华文新魏
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Request.QueryString["w"] != null)
            {
                try
                {
                    this._width = int.Parse(Request.QueryString["w"].Trim());
                }
                finally
                {
                }
            }

            if (Request.QueryString["h"] != null)
            {
                try
                {
                    this._height = int.Parse(Request.QueryString["h"].Trim());
                }
                finally
                {
                }
            }

            if (Request.QueryString["text"] != null)
            {
                this._text = Request.QueryString["text"].Trim();
            }
            else if (Request.QueryString["t"] != null)
            {
                this._text = Request.QueryString["t"].Trim();
            }

            if (Request.QueryString["font"] != null)
            {
                this._fontName = Request.QueryString["font"].Trim();
            }
            else if (Request.QueryString["f"] != null)
            {
                this._fontName = Request.QueryString["f"].Trim();
            }
            if (this._fontName == "大黑")
            {
                this._fontName = "方正大黑简体";
            }
            string colorString = "Black";
            if (Request.QueryString["color"] != null)
            {
                colorString = Request.QueryString["color"].Trim();
            }
            else if (Request.QueryString["c"] != null)
            {
                colorString = Request.QueryString["c"].Trim();
            }
            if (colorString.StartsWith("_"))
            {
                colorString = "#" + colorString.Remove(0, 1);
            }
            this._fontColor = ConvertColor(colorString);

            string bgColorString = "White";
            if (Request.QueryString["bgcolor"] != null)
            {
                bgColorString = Request.QueryString["bgcolor"].Trim();
            }
            else if (Request.QueryString["b"] != null)
            {
                bgColorString = Request.QueryString["b"].Trim();
            }
            if (bgColorString.StartsWith("_"))
            {
                bgColorString = "#" + bgColorString.Remove(0, 1);
            }

            this._backgroundColor = ConvertColor(bgColorString);

            if (!IsPostBack)
            {
                CreateImage(this.Text, this.Width, this.Height, this.FontName, this.FontColor, this.BackgroundColor);
            }
        }

        //根据验证字符串生成最终图象
        public void CreateImage(string text, int width, int height, string fontName, Color fontColor, Color backgroundColor)
        {
            Bitmap theBitmap = new Bitmap(width, height);
            Graphics theGraphics = Graphics.FromImage(theBitmap);
            theGraphics.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
            theGraphics.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
            theGraphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
            theGraphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
            //  背景
            theGraphics.Clear(backgroundColor);

            GraphicsPath gp = new GraphicsPath();
            FontFamily fontFamily;
            try
            {
                fontFamily = new FontFamily(fontName);
            }
            catch (Exception exc)
            {
                fontFamily = new FontFamily("宋体");
            }
            StringFormat format = new StringFormat();
            format.Alignment = StringAlignment.Near;
            format.LineAlignment = StringAlignment.Center;

            // 这里将文字转换成GraphicsPath,然后利用gp.GetBounds()取得文字路径的尺寸
            gp.AddString(text, fontFamily, 0, 60f, new Point(0, 0), format);
            RectangleF rectF = gp.GetBounds();
            // 调整X,Y方向的缩放比例
            float scaleX = width * 1.0f / rectF.Width;
            float scaleY = height * 1.0f / rectF.Height;
            // 微调位移
            float ffsetX = rectF.X * scaleX;
            float ffsetY = rectF.Y * scaleY;
            // 利用Matrix进行缩放及位移
            System.Drawing.Drawing2D.Matrix matrix = new Matrix(scaleX, 0, 0, scaleY, -offsetX, -offsetY);
            gp.Transform(matrix);
            Brush newBrush = new SolidBrush(fontColor);
            // 给GraphicsPath填色(也就是文字的绘制)
            theGraphics.FillPath(newBrush, gp);

            if (gp != null) gp.Dispose();

            //  将生成的图片发回客户端
            MemoryStream ms = new MemoryStream();
            theBitmap.Save(ms, ImageFormat.Png);

            Response.ClearContent(); //需要输出图象信息 要修改HTTP头
            Response.ContentType = "image/Png";
            Response.BinaryWrite(ms.ToArray());
            theGraphics.Dispose();
            theBitmap.Dispose();
            Response.End();
        }

        private Color ConvertColor(string colorString)
        {
            Array knownColors = System.Enum.GetValues(typeof(KnownColor));
            foreach (object colorName in knownColors)
            {
                if (colorString.ToLower() == colorName.ToString().ToLower())
                {
                    return Color.FromName(colorString);
                }
            }

            if (colorString.StartsWith("#"))
            {
                return ColorTranslator.FromHtml(colorString);
            }

            try
            {
                int color32argb = int.Parse(colorString);
                return Color.FromArgb(color32argb);
            }
            finally
            { }

            return Color.Black;
        }
    }
}

调用方法:
BrawDraw.Com在线生成个性化标题
(其中text后面传入要显示的文字,w或width参数设置图片宽度,h或height设置图片高度,f或font设置字体,c或color设置标题的颜色。)

OK,大功告成。

调用说明:
(1)使用Javascript中encodeURIComponent()方法的目的是对中文字进行编码,以便浏览器能正确接受并被Text2Image.aspx页面接收。
(2)对于类似#FF0000这种颜色形式,由于我们在转入参数中无法直接使用#(“#”在链接中代表锚),所以我这里使用了下划线“_”来代替。color参数除了使用_FF0000这样的颜色之外,你还可以使用类似Red,Blue,Orange,Black等Windows预定义的颜色值(关于预定义颜色值,你可以浏览我之前的BLOG文章“使用GDI+生成KnownColor列表  http://blog.csdn.net/johnsuna/archive/2007/08/27/1761085.aspx”,WPF中取得预定义颜色:http://blog.csdn.net/johnsuna/archive/2008/02/16/2100002.aspx)。如果你对颜色方面感兴趣,你也可以看看这篇:GDI+与WPF中的颜色简析 http://blog.csdn.net/johnsuna/archive/2007/08/27/1761061.aspx
(3)有时,网页可能有背景颜色,那么你还可以加上b或bgcolor参数。由于一般情况是白色背景色,所以,上面的例子就没有这个参数。

(4)如果你是使用静态网页,你可以使用Javascript方式嵌入:
       
        document.write('       

显示效果图:


或许,你的服务器上没有安装你设置的字体(关于如何取得服务器上已安装字体列表,详见这篇:http://blog.csdn.net/johnsuna/archive/2008/04/14/2290744.aspx),比如下面代码:

        document.write('       

正常的显示应该是这样:


如果没有此字体显示出来的效果就是这样:


原因在于我在下面代码中设置了没有该字体时,则会执行至catch (Exception exc)块内,这里使用了一般带中文操作系统的服务器上都会自动安装的“宋体”字作为默认字体:
            try
            {
                fontFamily = new FontFamily(fontName);
            }
            catch (Exception exc)
            {
                fontFamily = new FontFamily("宋体");
            }

(5)还想在其他网页编程语言(比如:asp, jsp, php等)中调用?如果是,你可以在一台或多台服务器上部署此程序,然后引用即可。只是需要将

其他:还需要更完善?我想,你可以使用Cache,以提高服务器的效率。或者是,如果你需要生成静态html新闻页面,那么你可以在生成静态页面前自动调用WebService将图片保存下来,然后在静态页面中直接调用此新闻标题图片。

 

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/14601556/viewspace-528510/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
IT人士,爱好编程的码农。

注册时间:2008-06-19

  • 博文量
    118
  • 访问量
    694091