36 lines
788 B
HTML
36 lines
788 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Tracking</title>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
<script src="tracking.js"></script>
|
||
|
|
<style>
|
||
|
|
img {
|
||
|
|
width: 24%;
|
||
|
|
}
|
||
|
|
|
||
|
|
img,canvas {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body onload="setup();">
|
||
|
|
<button id="start">Start</button>
|
||
|
|
<h1>Sources</h1>
|
||
|
|
<div>
|
||
|
|
<img id="source" src="img/source.png" />
|
||
|
|
<img id="overlay" src="img/overlay.png" />
|
||
|
|
<img id="full" src="img/full.png" />
|
||
|
|
<img id="fullside" src="img/fullside.png" />
|
||
|
|
</div>
|
||
|
|
<h1>Targets</h1>
|
||
|
|
<div>
|
||
|
|
<canvas id="cfull" width="397" height="226"></canvas>
|
||
|
|
<canvas id="cfullside" width="397" height="226"></canvas>
|
||
|
|
</div>
|
||
|
|
<h1>Source canvas</h1>
|
||
|
|
<div>
|
||
|
|
<canvas id="csource" width="684" height="379"></canvas>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|