-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (53 loc) · 1.47 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Drawing App</title>
<link rel="stylesheet" href="./css/master.css">
<script src='https://kit.fontawesome.com/5db7c9bc47.js' crossorigin='anonymous'></script>
</head>
</head>
<style>
</style>
<body >
<div id="toolbar">
<div id="subtoolbar">
<div id="save">
Save
</div>
<div id="clear">
Clear
</div>
<div id="rad">
<div class="radcontrol">
<div id ="decrad" class="radcontrol1">-</div>
<span id="radval">5</span>
<div id ="incrad" class="radcontrol1">+</div></div>
</div>
<div id="penbar">
<i class="fa-solid fa-pencil" id="pencil"></i>
<i class="fa-solid fa-pen" id="pen"></i>
<i class="fa-solid fa-brush" id="brush"></i>
<i class="fa-solid fa-eraser" id="eraser"></i>
<!-- <i class="fa-solid fa-minus" id="line"></i> -->
<!-- <i class="fa-solid fa-plus" id="lineF2"></i> -->
</div>
</div>
<div class="colortoolbar">
<div id="colors">
</div>
</div>
</div>
<canvas id="canvas" >
</canvas>
<script src="./js/main.js"></script>
<script src="./js/radius.js"></script>
<script src="./js/save.js"></script>
<script src="./js/clear.js"></script>
<script src="./js/colors.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/line.js"></script>
<!-- <script src="./js/lineConnected.js"></script> -->
</body>
</html>