动态生成一个计数器图片

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

网上常能看到很多制作精美的计数器,很多效果都看上去很酷,但是这些图片往往是一张完整的图片而不是一系列数字图片的展现。如何用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
(合在了一个以前的生成验证码图片的项目里)

目录
相关文章
每次生成代码注释后 然后把生成的代码插入原代码位置后 方法原来的注解就会错位
每次生成代码注释后 然后把生成的代码插入原代码位置后 方法原来的注解就会错位
39 1
|
2月前
|
存储 编译器 C语言
如何在 C 语言中判断文件缓冲区是否需要刷新?
在C语言中,可以通过检查文件流的内部状态或使用`fflush`函数尝试刷新缓冲区来判断文件缓冲区是否需要刷新。通常,当缓冲区满、遇到换行符或显式调用`fflush`时,缓冲区会自动刷新。
|
7月前
|
前端开发
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
前端使用多张图片生成 Gif 效果(支持循环、不循环、完成回调)
429 0
|
7月前
|
存储 安全 API
Unity 数据读取|(六)PlayerPrefs解析
Unity 数据读取|(六)PlayerPrefs解析
|
JSON JavaScript 数据格式
jquery拼接数据循环一个数据列表
jquery拼接数据循环一个数据列表
63 0
|
小程序 JavaScript 前端开发
小程序实现滚动加载(懒加载)
小程序是一项很受欢迎的技术,随着其能力的不断增强,越来越多的人开始使用小程序来完成各种任务。当我面面临一个页面有非常多的数据时,该如何处理呢,显然一次性全部加载完,会非常消耗性能的,为了解决这些问题从而出现了一种叫滚动加载的数据处理方式,也被称为“无限滚动”或“懒加载”,它可以使你的页面在不刷新的情况下连续加载更多数据。在本文中,我们将讨论如何在小程序中实现滚动加载。
296 0
veu3循环渲染分页
veu3循环渲染分页
94 0
|
Python
类实现计数器功能
在上面的示例中,我们定义了一个名为 MyClass 的类,并且给这个类添加了一个名为 my_method() 的方法。该方法使用了 @classmethod 装饰器来标识它为类方法。在该方法中,我们使用了 cls.x 来访问类变量 x 并对其进行操作。 此外,我们还在类外部定义了一个名为 my_function() 的普通函数。和类方法不同的是,这个函数并没有被赋值给类,所以不能够通过类来调用。
101 0
调用存储过程进行图片的插入或修改
调用存储过程进行图片的插入或修改
|
算法 数据库 内存技术
【视频】自然框架之分页控件的使用方法(一) PostBack方式的一般分页方式
前言:分页控件的优点   1、 按需所取 —— 需要几条记录就从数据库里提取几条记录,不会多取。 2、 使用简单 —— 设置几个属性就可以实现分页的功能。 3、 多种分页算法 —— (即分页用的SQL语句)可以根据不同的需求灵活选择 4、 支持多种数据库 —— 用不同的分页算法对应不同的数据库。
1115 0