-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmif_generation.html
73 lines (71 loc) · 2.9 KB
/
mif_generation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<title>mif_generation</title>
</head>
<body>
<canvas id="c"></canvas>
<script src="js/canvas.js"></script>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<div class="navbar-brand">字符画在线转mif文件</div>
</div>
</div>
</nav>
<div class="container">
<div class="col-md-8">
<form>
<div class="form-group">
<label>
字符画
<a href="http://www.network-science.de/ascii/">（如何获得？）</a>
</label>
<textarea class="form-control" rows="20" cols="70" id="pic" placeholder=" _
_____ ____ _ _ __ ___ _ __ | | ___
/ _ \ \/ / _` | '_ ` _ \| '_ \| |/ _ \
| __/> < (_| | | | | | | |_) | | __/
\___/_/\_\__,_|_| |_| |_| .__/|_|\___|
|_| "></textarea>
</div>
<div class="col-md-4">
<label>屏幕宽度</label>
<div class="input-group">
<input type="text" class="form-control" id="width" placeholder="70" size="3" maxlength="3">
<div class="input-group-addon">个字符</div>
</div>
</div>
<div class="col-md-4">
<label>屏幕高度</label>
<div class="input-group">
<input type="text" class="form-control" id="height" placeholder="30" size="3" maxlength="3">
<div class="input-group-addon">个字符</div>
</div>
</div>
<div class="col-md-4">
<button type="button" class="btn btn-primary btn-lg" id="submit">转换！</button>
</div>
</form>
</div>
<div class="col-md-4">
<div id="info">
<p>将字符画在线转换为供verilog语言初始化存储器的.mif文件</p>
<p>让纯字符界面也可以呈现图形界面的效果w</p>
<br>
注意事项：
<ul>
<li>字符画会根据屏幕尺寸自动调整为居中，请勿在字符画四周添加不必要的空格</li>
<li>字符画的尺寸不能大于屏幕尺寸</li>
<li>屏幕尺寸小于1000*1000</li>
</ul>
</div>
</div>
</div>
<script src="js/jQuery.js"></script>
<script src="js/mif_logic.js"></script>
</body>
</html>