-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
43 lines (39 loc) · 1.95 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
<html>
<head>
<title>Point Location</title>
<!--<script src="http://d3js.org/d3.v3.min.js"></script>-->
<script src="jquery-1.9.1.min.js"></script>
<script src="jcanvas.min.js"></script>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<a href="https://github.com/ealter/point-location"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
<div id="messageLog"></div>
<p><a href="about.html">About this algorithm</a></p>
<canvas id="canvas" width=700 height=430>
Canvas is not supported in your browser. Please use a modern browser to view
this page.
</canvas>
<p>Begin by clicking within the brown triangle to create a polygon. Once you
complete the polygon (by drawing a segment to the starting vertex), you can
start to add splits to the polygon. A split starts at a vertex, goes somewhere
within the polygon, and ends at a different vertex as a chain. Then, start
clicking the buttons to perform the next steps.</p>
<p><input type="checkbox" id="shouldAnimate" /> Animate algorithm</p>
<div id="buildingDataStructure">
<h3>Building the data structure</h3>
<p> <input type="button" value="Finish the polygon first." id="nextStepDataStructure" disabled /> </p>
<p> <input type="button" value="Finish the polygon first." id="resetDataStructure" disabled /> </p>
</div>
<div id="pointLocation">
<h3>Point Location</h3>
<p> <input type="button" value="Build the data structure first" id="nextStepPointLocation" disabled /> </p>
<p> <input type="button" value="Build the data structure first" id="choosePoint" disabled /> </p>
</div>
<!--These scripts are placed at the end of the body so that everything is loaded-->
<script src="util.js"></script>
<script src="geometry.js"></script>
<script src="index.js"></script>
<script src="test.js"></script><!--TODO-->
</body>
</html>