-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (58 loc) · 1.24 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
<!doctype html>
<html lang="es">
<head>
<title>yeison bairon 0.2, el dibujante</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="canvas-wrapper">
<canvas id="js-output" width="640" height="480"></canvas>
</div>
<div id="form-wrapper">
<textarea id="js-input">
[
{ "background": "#BADA55",
"pen": "orange",
"fill": "white",
"width": 5,
"circle": [400, 200, 69]
},
{ "fill": "none",
"pen":"yellow",
"circle": [150, 50,42]
},
{ "fill": "red",
"pen":"blue",
"width":3,
"box": [400, 300, 150, 100]
},
{ "fill": "green",
"pen":"yellow",
"circle": [150, 50,42],
"box": [100, 10, 69, 69],
"width": 20
},
{
"width": 5,
"fill": "#FAECA1",
"box": [200, 200, 250, 250]
},
{
"width": 7,
"line": [300, 30, 400, 250]
}
]
</textarea>
<button id="js-draw" onClick="JSONDrawing.Main.draw(JSONDrawing.Util.getData())"style="padding:20px;">DRAW</button>
<button id="js-draw" onClick="JSONDrawing.Main.reset()"style="padding:20px;">CLEAR</button>
<a href="halsteadTime.html" target="_blank">Métricas</a>
</div>
<script src="JSONDrawing.js"></script>
<script type="text/javascript">
window.onload = function () {
JSONDrawing.Main.reset()
}
</script>
</body>
</html>