Context Navigation

index.html@ 32711

Last change on this file since 32711 was 32711, checked in by ak19, 5 years ago
Updated version where history "array" can support: new shapes, moving, change of colour.
File size: 1.5 KB

Line
1	<!DOCTYPE html>
2	<html>
3	<head>
4	<title>Drawing Tools</title>
5	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6	<meta charset="utf-8">
7
8	<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
9	<script src="historyManager.js"></script>
10	<script src="index.js"></script>
11	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzunGwIF2OwsfrOkIC_8bhh0OPGZXo52Y&libraries=drawing&callback=initMap" async defer></script>
12
13	<link rel="stylesheet" type="text/css" href="index.css">
14
15	</head>
16	<body>
17	<div id = "DeleteButtons">
18	<button onclick="deleteAllShape()" accesskey="c">Clear All</button>
19	<button onclick="deleteSelectedShape()" accesskey="b">Delete Selected</button>
20	<button onclick="polygonGetPath()" accesskey="q">Get Path</button>
21	<button onclick="undoMovement()" accesskey="n">Undo</button>
22	<button onclick="redoMovement()" accesskey="n">Redo</button>
23
24	</div>
25
26	<div id = "LineThickness">
27	<p>Line thickness: <input type="range" min="20" max="100" value="1" class="slider" id="thicknessRange"> </p>
28	<p>Value: <span id="thicknessRangeVal"></span></p>
29	</div>
30
31	<div id = "ColourOpacity">
32	<p>Colour opacity: <input type="range" min="10" max="100" value="40" class="slider" id="colourOpacity"> </p>
33	<p>Value: <span id="opacityRangeVal"></span></p>
34	</div>
35
36
37
38	<div id="FillColour">
39	<p> Fill Colour:</p> <div id="color-palette1"></div>
40	</div>
41
42
43
44	<div id="map"></div>
45
46
47	</body>
48	</html>

Note: See TracBrowser for help on using the repository browser.