MapAreaDraw/index.html at master · SerDIDG/MapAreaDraw · GitHub

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
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Map Area Draw</title>
	<link type="text/css" rel="stylesheet" href="css/styles.css">
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript">
		window.addEventListener('load', function() {
			const Draw = new MapAreaDraw();
			Draw.render({
				'container': document.getElementById('container'),
				'inner': document.getElementById('inner'),
				'canvas': document.getElementById('canvas'),
				'buttons': document.getElementById('buttons'),
				'info': document.getElementById('info'),
			});
		});
	</script>
</head>

<body>

<div class="container" id="container">
	<div class="inner" id="inner">
		<canvas id="canvas"></canvas>
		<img src="img/sample.png" alt="Sample Image">
	</div>
</div>

<div class="buttons" id="buttons"></div>

<div class="info" id="info"></div>

</body>
</html>