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="printHistory()" accesskey="q">Print History</button>
|
---|
21 | <button onclick="undo()" 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.