Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (37 sloc) 1.46 KB
<!doctype html>
<html>
<head>
<title>heatmap</title>
<style>
.blurred { filter: url("#fuzzy"); }
</style>
</head>
<body>
<div style="position: relative; display: inline-block;">
<img id="trackme" src="img.jpg" />
<canvas id="overlay" style="position: absolute; top: 0; left: 0; display: none;">This requires canvas support, which your browser does not have.</canvas>
</div>
<div style="display: inline-block;">
<textarea id="data-output" cols=40 rows=20>Data Dumps Here</textarea>
</div>
<div>
<button type="button" class="render-button" id="do-render">render with smoothing</button>
<button type="button" class="render-button" id="do-render-without-smoothing">render without smoothing (faster)</button>
<button type="button" id="collect-data" disabled="disabled">collect data</button>
<button type="button" id="import-data">import data</button>
<button type="button" id="dump-data">dump data</button>
<button type="button" id="clear-data">clear data</button>
<div id="render-time">
Render Time: <span class="time">0</span> sec
</div>
<a href="https://github.com/xxx/heatmap">README</a>
</div>
<svg>
<defs>
<filter id="fuzzy"><feGaussianBlur stdDeviation="1.0" ></feGaussianBlur></filter>
</defs>
</svg>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="heatmap.js"></script>
</body>
</html>