动态生成一个计数器图片

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

目录
相关文章
|
存储 SQL 大数据
Hive介绍与核心知识点
Hive Hive简介 Facebook为了解决海量日志数据的分析而开发了Hive,后来开源给了Apache软件基金会。 官网定义: The Apache Hive ™ data warehouse software facilitates reading, writing, and managing large datasets residing in distributed storage using SQL. Hive是一种用类SQL语句来协助读写、管理那些存储在分布式存储系统上大数据集的数据仓库软件。
5002 0
|
小程序 Windows
uniapp运行微信小程序routeDone的错误问题
uniapp运行微信小程序routeDone的错误问题
2853 0
MMEditing | 新视频超分算法冠军BasicVSR++来了
视频复原任务 (Video Restoration) 。它除了可以提高用户体验外, 还可以提高检测和分割等任务的准确度。其难点在于需要从高度相关但未对齐的视频帧中收集补充信息以进行恢复,在循环模型中跨帧传输长时信息和对齐特征的问题仍然是一个很艰巨的任务。
1268 0
MMEditing | 新视频超分算法冠军BasicVSR++来了
|
SQL 消息中间件 缓存
记一次性能优化,单台 4 核 8G 机器支撑 5 万 QPS
需求描述如下:用户进入首页,从数据库中查询是否有合适的弹窗配置,如果没有,则继续等待下一次请求、如果有合适的配置,则返回给前端。这里开始则有多个条件分支,如果用户点击了弹窗,则记录用户点击,并且在配置的时间内不再返回配置,如果用户未点击,则24小时后继续返回本次配置,如果用户点击了,但是后续没有配置了,则接着等待下一次。
记一次性能优化,单台 4 核 8G 机器支撑 5 万 QPS
|
SQL Java HIVE
[Hive]Hive自定义函数UDF
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SunnyYoona/article/details/53244868 当Hive提供的内置函数无法满足你的业务处理需要时,此时就可以考虑使用用户自定义函数 用户自定义函数(user defined function),针对单条记录。
3684 0
|
机器学习/深度学习 存储 人工智能
极智AI | 一文看懂Google TPU脉动阵列加速卷积计算原理
本教程详细解释了 Google TPU 脉动阵列加速卷积计算原理。
2286 0
|
网络安全
ssh 避免首次登录输入yes
ssh初次登录某个主机时,出现如下提示 Are you sure you want to continue connecting (yes/no)? 1 如何去掉? 打开/etc/ssh/ssh_config,修改以下配置项 StrictHostKey...
3023 0
|
弹性计算 固态存储 数据可视化
阿里云服务器租用费用(阿里云服务器一年价格表)
阿里云服务器公网带宽1M、5M到10M可选,1核1G配置19.17元3个月、306.72元一年,1核2G优惠价26.46元3个月、423.36元一年,2核4G配置42.66元3个月,2核8G配置58.86元3个月,4核8G 75.06元3个月,8核16G 139.86元3个月,还有4核16G、8核32G多配置可选,阿里云服务器系统盘分为高效云盘、SSD云盘和ESSD云盘
931 0
阿里云服务器租用费用(阿里云服务器一年价格表)
|
缓存 网络协议 测试技术
推荐一款技术人必备:线上引流神器GoReplay
推荐一款技术人必备:线上引流神器GoReplay
3740 0
推荐一款技术人必备:线上引流神器GoReplay
|
机器学习/深度学习 人工智能 编解码
两句话,让AI生成VR场景!还是3D、HDR全景图的那种
两句话,让AI生成VR场景!还是3D、HDR全景图的那种
800 0
两句话,让AI生成VR场景!还是3D、HDR全景图的那种