Web前端开发之水印、图片验证码


Posted in Javascript onNovember 27, 2016

一、水印

1.画布

System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent);

2.创建绘制对象,告诉它往哪张图片上绘制

Graphics g = Graphics.FromImage(img);

3.绘制的内容

string s = www.itnba.com;

4.绘制的字体

Font f = new Font("黑体",130);

5.绘制的画刷

Brush b = new SolidBrush(Color.Red);

6.开始绘制

g.DrawString(s, f, b, 5, 5);

二、图片验证码

Bitmap bit = new Bitmap(90, 40);//画布大小
    Graphics g = Graphics.FromImage(bit);//创建绘制对象,告诉它往哪张图片上绘制
    Random r = new Random();
    string s = "";
    Color color1 = Color.FromArgb(r.Next(155, 255), r.Next(155, 255), r.Next(155, 255));
    g.FillRectangle(new SolidBrush(color1), 0, 0, 90, 40);//画布颜色随机
    for (int i = 0; i < 10; i++)//随机画干扰线
    {
      Color color3 = Color.FromArgb(r.Next(170, 255), r.Next(190, 255), r.Next(170, 255));
      Pen pp = new Pen(new SolidBrush(color3), r.Next(0, 5));
      g.DrawLine(pp, r.Next(0, 90), r.Next(0, 40), r.Next(0, 90), r.Next(0, 40));
    }
    string yan = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";//设置随机的验证码,从里面抽取
    int wei = 0;
    for (int i = 0; i < 4; i++)//取四位验证码,颜色随机
    {
      string m = yan.Substring(r.Next(0, yan.Length), 1);
      s += m;
      Color color2 = Color.FromArgb(r.Next(0, 155), r.Next(0, 155), r.Next(0, 155));
      int w = r.Next(20, 25);
      Font f = new Font("黑体", w);
      SolidBrush b = new SolidBrush(color2);
      g.DrawString(m, f, b, wei, r.Next(0, 10));
      wei += w;
    }
    Session["YZM"] = s;//把验证码保存到session中
    for (int i = 0; i < 251; i++)
    {
      Color color3 = Color.FromArgb(r.Next(0, 255), r.Next(0, 255), r.Next(0, 255));
      Pen pp = new Pen(new SolidBrush(color3), r.Next(0, 5));
      int a = r.Next(0, 90);
      int b = r.Next(0, 40);
      g.DrawLine(pp, a, b, (a + 1), (b + 1));
    }
    bit.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
    Response.End();

验证码:

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
    <asp:Image ID="Image1" runat="server" ImageUrl="Default2.aspx" />//这里图片路径不是一张图片的话会默认打开

以上所述是小编给大家分享的Web前端开发之水印、图片验证码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
Mar 16 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
vue.js项目nginx部署教程
Apr 05 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
vue route新窗口跳转页面并且携带与接收参数
Apr 10 Vue.js
jQuery时间日期三级联动(推荐)
Nov 27 #Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 #Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 #Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 #Javascript
JS自定义混合Mixin函数示例
Nov 26 #Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 #Javascript
JS匿名函数类生成方式实例分析
Nov 26 #Javascript
You might like
php将会员数据导入到ucenter的代码
2010/07/18 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
jQuery.extend 函数的详细用法
2012/06/27 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
jQuery绑定事件不执行但alert后可以正常执行
2014/06/03 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
jQuery使用方法
2017/02/04 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
2020/07/24 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
Python中你应该知道的一些内置函数
2017/03/31 Python
Python内建模块struct实例详解
2018/02/02 Python
python绘制热力图heatmap
2020/03/23 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
Django组件cookie与session的具体使用
2019/06/05 Python
对Django的restful用法详解(自带的增删改查)
2019/08/28 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
python的launcher用法知识点总结
2020/08/07 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
python中time tzset()函数实例用法
2021/02/18 Python
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
外贸业务员的岗位职责
2013/11/23 职场文书
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
快餐公司创业计划书
2014/04/29 职场文书
班级读书活动总结
2014/06/30 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python