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也能包含文件
Oct 26 Javascript
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
JS数据类型STRING使用实例解析
Dec 18 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 Javascript
如何在vue中使用jointjs过程解析
May 29 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 Javascript
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 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
eclipse php wamp配置教程
2016/06/30 PHP
php常用字符函数实例小结
2016/12/29 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
在textarea中屏蔽js的某个function的javascript代码
2007/04/20 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
JS延时器提示框的应用实例代码解析
2016/04/27 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
js模块加载方式浅析
2017/08/12 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
详解redux异步操作实践
2018/08/15 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
解决echarts echarts数据动态更新和dataZoom被重置问题
2020/07/20 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python使用PIL模块实现给图片打水印的方法
2015/05/22 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
python实现画图工具
2020/08/27 Python
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书