动态生成一个计数器图片

简介: 网上常能看到很多制作精美的计数器,很多效果都看上去很酷,但是这些图片往往是一张完整的图片而不是一系列数字图片的展现。如何用ASP.net实现动态生成这样一张计数器图片呢?步骤如下:1 制作数字0~9的小图片,可以制作多种风格的2 每种风格的图片放在一个文件夹里3 使用Graphics类将这些图片合成...

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

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

测试工程截图:


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

img_a6339ee3e57d1d52bc7d02b338e15a60.gif using  System;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Data;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Configuration;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Collections;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.Security;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.UI;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.UI.WebControls;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.UI.WebControls.WebParts;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Web.UI.HtmlControls;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Drawing;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Drawing.Imaging;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using  System.Drawing.Drawing2D;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif//made by hekui 20070212
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
public  partial  class  Count : System.Web.UI.Page
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif {
img_33d02437d135341f0800e3d415312ae8.gif    
protected void Page_Load(object sender, EventArgs e)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif        
string strCount = string.Empty;
img_33d02437d135341f0800e3d415312ae8.gif        
string strStyle = string.Empty;
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
if (Request.QueryString["count"!= null)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            strCount 
= Request.QueryString["count"].ToString();
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
if (Request.QueryString["style"!= null)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            strStyle 
= Request.QueryString["style"].ToString();
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_33d02437d135341f0800e3d415312ae8.gif        
else
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            strStyle 
= "number1";
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
//生成COUNT图片
img_33d02437d135341f0800e3d415312ae8.gif
        SetCountIMG(strCount, strStyle);
img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

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

img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        System.IO.MemoryStream ms 
= new System.IO.MemoryStream();
img_33d02437d135341f0800e3d415312ae8.gif        bmp.Save(ms, ImageFormat.Gif);
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
//输出图片
img_33d02437d135341f0800e3d415312ae8.gif
        Response.ClearContent();
img_33d02437d135341f0800e3d415312ae8.gif        Response.ContentType 
= "image/gif";
img_33d02437d135341f0800e3d415312ae8.gif        Response.BinaryWrite(ms.ToArray());
img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

img_05dd8d549cff04457a6366b0a7c9352a.gif}

img_a6339ee3e57d1d52bc7d02b338e15a60.gif

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

目录
相关文章
|
5月前
|
缓存 JavaScript 前端开发
同步加载、异步加载、延迟加载、预加载的区别
同步加载、异步加载、延迟加载、预加载的区别
117 0
|
5月前
|
前端开发 UED
一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载?
一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载?
|
6月前
|
JavaScript 小程序
小程序js控制图片属性隐藏
小程序js控制图片属性隐藏
31 0
|
19天前
|
API
在使用懒加载时,更新页码并处理新加载的数据
实现懒加载时,通过定义变量`currentPage`保存页码(初始为1)。在`loadMoreData`函数中,根据页码和`pageSize`请求新数据。获取数据后,将新数据合并到`allData`,然后递增页码。此示例提供了一个基础框架,实际应用需按项目需求和API调整。
|
Python
类实现计数器功能
在上面的示例中,我们定义了一个名为 MyClass 的类,并且给这个类添加了一个名为 my_method() 的方法。该方法使用了 @classmethod 装饰器来标识它为类方法。在该方法中,我们使用了 cls.x 来访问类变量 x 并对其进行操作。 此外,我们还在类外部定义了一个名为 my_function() 的普通函数。和类方法不同的是,这个函数并没有被赋值给类,所以不能够通过类来调用。
|
JavaScript 前端开发
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
JavaScript判断各种资源是否加载完成的方法汇总,资源预加载问题
491 0
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(下)
在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记。
87 0
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(下)
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(上)
在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记。
81 0
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(上)
关于线程的小应用(动态播放图片)以及通过小应用得出线程的一个好处
关于线程的小应用(动态播放图片)以及通过小应用得出线程的一个好处
85 0
关于线程的小应用(动态播放图片)以及通过小应用得出线程的一个好处
|
XML JavaScript 前端开发
HTML页面基本结构和加载过程
HTML页面基本结构和加载过程
221 0
HTML页面基本结构和加载过程