标签：font Flask random 验证码 height width 点击 gene cls
---恢复内容开始---
import random
import string
# Image:一个画布
# ImageDraw:一个画笔
# ImageFont:画笔的字体
# pip install pillow
from PIL import Image, ImageDraw, ImageFont
class Captcha(object):
# 生成几位数的验证码
number = 4
# 验证码图片的高度和宽度
size = (100, 30)
# 验证码字体大小
fontsize = 25
# 加入干扰线条数
line_number = 2
# 构建一个验证码源文本
SOURCE = list(string.ascii_letters)
for index in range(0, 10):
SOURCE.append(str(index))
# 用来绘制干扰线
@classmethod
def __gene_line(cls, draw, width, height):
begin = (random.randint(0, width), random.randint(0, height))
end = (random.randint(0, width), random.randint(0, height))
draw.line([begin, end], fill=cls.__gene_random_color(), width=2)
# 用来绘制干扰点
@classmethod
def __gene_points(cls, draw, point_chance, width, height):
chance = min(100, max(0, int(point_chance))) # 大小限制在[0, 100]
for w in range(width):
for h in range(height):
tmp = random.randint(0, 100)
if tmp > 100 - chance:
draw.point((w, h), fill=cls.__gene_random_color())
# 生成随机的颜色
@classmethod
def __gene_random_color(cls, start=0, end=255):
random.seed()
return (random.randint(start, end), random.randint(start, end), random.randint(start, end))
# 随机选择一个字体
@classmethod
def __gene_random_font(cls):
fonts = [
'Lobster-Regular.ttf',
'verdana.ttf'
]
font = random.choice(fonts)
return font
# 用来随机生成一个字符串
@classmethod
def gene_text(cls, number):
# num是生成验证码的位数
return ''.join(random.sample(cls.SOURCE, number))
# 生成验证码
@classmethod
def gene_graph_captcha(cls):
# 验证码图片的高和宽
width, height = cls.size
# 创建图片
image = Image.new('RGBA', (width, height), cls.__gene_random_color(0, 100))
# 验证码的字体
font = ImageFont.truetype(cls.__gene_random_font(), cls.fontsize)
# font = ImageFont.truetype(cls.__gene_random_font(), cls.fontsize)
# 创建画笔
draw = ImageDraw.Draw(image)
# 生成字符串
text = cls.gene_text(cls.number)
# 获取字体尺寸
font_width, font_height = font.getsize(text)
# 填充字符串
draw.text(((width - font_width) / 2, (height - font_height) / 2), text, font=font,
fill=cls.__gene_random_color(150, 255))
# 绘制干扰线
for x in range(0, cls.line_number):
cls.__gene_line(draw, width, height)
# 绘制噪点
cls.__gene_points(draw, 10, width, height)
return (text, image)
from flask import make_response
from flask import Flaskfrom io import BytesIO
from flask import render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('login.html')
@app.route('/ver_image_code')
def graph_captcha():
text, image = Captcha.gene_graph_captcha()
out = BytesIO()
image.save(out, 'png')
out.seek(0)
resp = make_response(out.read())
resp.content_type = 'image/png'
return resp
if __name__ == '__main__':
app.run()
---恢复内容结束---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
<!--
样式-- >
.captcha-addon {
padding: 0;
/*/ / 这是内边距为0，因为input-group-addon有设置内边距 overflow: hidden;*/
/*/ / 当里面的元素超出则隐藏*/
}
#captcha-img {
height: 32px;
/*/ / 设置图片的高度为32px cursor: pointer;*/
/*/ / 当鼠标移到图片上变成手的图标*/
}
</style>
</head>
<body>
<div class="input-group">
<input type="text" class="form-control" name="graph_captcha" placeholder="图形验证码">
<span class="input-group-addon captcha-addon"> <!--加了一个类captcha-addon-->
<img id="captcha-img" name="captcha-img" src="/ver_image_code/1" onclick="get_src()">
<!--加了id aptcha-img-->
</span>
</div>
<script src="{{ url_for('static', filename='jquery-3.3.1.js') }}"></script>
<script type="text/javascript">
function get_src() {
var img = document.getElementById("captcha-img");
img.src = "http://127.0.0.1:5000/ver_image_code/" + Math.random();
}
</script>
</body>
</html>
标签：font,Flask,random,验证码,height,width,点击,gene,cls 来源： https://www.cnblogs.com/yanxiatingyu/p/10476488.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。