动态生成一个计数器图片

网上常能看到很多制作精美的计数器,很多效果都看上去很酷,但是这些图片往往是一张完整的图片而不是一系列数字图片的展现。如何用ASP.net实现动态生成这样一张计数器图片呢?

步骤如下:
1 制作数字0~9的小图片,可以制作多种风格的
2 每种风格的图片放在一个文件夹里
3 使用Graphics类将这些图片合成最后输出的图片
4 利用Bitmap保存图片,并以图片流形式输出 

测试工程截图:
动态生成一个计数器图片


代码如下:
这个页面也是没有前台的,所以只需要写入后台C#代码

动态生成一个计数器图片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;
动态生成一个计数器图片//made by hekui 20070212
动态生成一个计数器图片
public partial class Count : System.Web.UI.Page
动态生成一个计数器图片动态生成一个计数器图片
动态生成一个计数器图片{
动态生成一个计数器图片    
protected void Page_Load(object sender, EventArgs e)
动态生成一个计数器图片动态生成一个计数器图片    
动态生成一个计数器图片{
动态生成一个计数器图片        
string strCount = string.Empty;
动态生成一个计数器图片        
string strStyle = string.Empty;
动态生成一个计数器图片
动态生成一个计数器图片        
if (Request.QueryString["count"!= null)
动态生成一个计数器图片动态生成一个计数器图片        
动态生成一个计数器图片{
动态生成一个计数器图片            strCount 
= Request.QueryString["count"].ToString();
动态生成一个计数器图片        }

动态生成一个计数器图片
动态生成一个计数器图片        
if (Request.QueryString["style"!= null)
动态生成一个计数器图片动态生成一个计数器图片        
动态生成一个计数器图片{
动态生成一个计数器图片            strStyle 
= Request.QueryString["style"].ToString();
动态生成一个计数器图片        }

动态生成一个计数器图片        
else
动态生成一个计数器图片动态生成一个计数器图片        
动态生成一个计数器图片{
动态生成一个计数器图片            strStyle 
= "number1";
动态生成一个计数器图片        }

动态生成一个计数器图片
动态生成一个计数器图片        
//生成COUNT图片
动态生成一个计数器图片
        SetCountIMG(strCount, strStyle);
动态生成一个计数器图片    }

动态生成一个计数器图片
动态生成一个计数器图片    
//生成COUNT图片
动态生成一个计数器图片
    private void SetCountIMG( string strCount,string strStyle )
动态生成一个计数器图片动态生成一个计数器图片    
动态生成一个计数器图片{
动态生成一个计数器图片        
//定义输出位图
动态生成一个计数器图片
        Bitmap bmp = new Bitmap(300,100);
动态生成一个计数器图片        
//定义绘图对象
动态生成一个计数器图片
        Graphics g = Graphics.FromImage(bmp);
动态生成一个计数器图片        
//描述矩形区域 
动态生成一个计数器图片
        Rectangle newRect = new Rectangle(00300100);
动态生成一个计数器图片        
//设置背景色
动态生成一个计数器图片
        g.FillRectangle(new SolidBrush(Color.White), newRect);
动态生成一个计数器图片        
动态生成一个计数器图片        
int intLength = strCount.Length;
动态生成一个计数器图片        
int intWidth = 0;
动态生成一个计数器图片        
for (int i = 0; i < intLength; i++)
动态生成一个计数器图片动态生成一个计数器图片        
动态生成一个计数器图片{
动态生成一个计数器图片            
string strNumberImg = Page.Server.MapPath("img/" + strStyle + "/" + strCount.Substring(i, 1+ ".jpg");
动态生成一个计数器图片            Bitmap newBitmap 
= new Bitmap(strNumberImg);
动态生成一个计数器图片            g.DrawImage(newBitmap, intWidth, 
0);
动态生成一个计数器图片            
动态生成一个计数器图片            
//每次描述的X坐标需要加上图片的宽度
动态生成一个计数器图片
            intWidth += newBitmap.Width; 
动态生成一个计数器图片        }

动态生成一个计数器图片
动态生成一个计数器图片        System.IO.MemoryStream ms 
= new System.IO.MemoryStream();
动态生成一个计数器图片        bmp.Save(ms, ImageFormat.Gif);
动态生成一个计数器图片
动态生成一个计数器图片        
//输出图片
动态生成一个计数器图片
        Response.ClearContent();
动态生成一个计数器图片        Response.ContentType 
= "image/gif";
动态生成一个计数器图片        Response.BinaryWrite(ms.ToArray());
动态生成一个计数器图片    }

动态生成一个计数器图片}

动态生成一个计数器图片

示例代码:/Files/heekui/RandCode_2.rar
(合在了一个以前的生成验证码图片的项目里)

上一篇:CentOS 7使用Redis Cluster


下一篇:03 决策树 - 量化纯度、信息增益度、停止条件、评估