/
index.html
executable file
·38 lines (38 loc) · 1.17 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>JS Avatar Editor</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
<div class="wrapper">
<main class="main">
<div class="main__content">
<div class="avatar">
<img id="image" class="image">
<canvas id="canvas" class="canvas">
Your browser does not support JS or HTML5!
</canvas>
</div>
<p>
<input type="number" name="widthBox" id="widthBox" value="100" min="100" title="Width">
×
<input type="number" name="heightBox" id="heightBox" value="100" min="100" title="Height">
</p>
<p>
<label>Top: <input type="number" name="topBox" id="topBox" value="0" min="0" title="Top"> </label><br><br>
<label>Left: <input type="number" name="leftBox" id="leftBox" value="0" min="0" title="Left"></label>
</p>
<p>
<button class="button" id="saveBtn">Save</button>
</p>
<p>
<a href="images/newphoto.jpg" target="_blank" class="a a_hidden" id="newImg">Open new photo</a>
</p>
</div>
</main>
</div>
<script type="text/javascript" src="scripts/app.js"></script>
</body>
</html>