/
fingerprint.html
37 lines (31 loc) · 1004 Bytes
/
fingerprint.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
{% extends "_base.html" %}
{% block content %}
<h2>{{ title }}</h2>
<canvas style="border: solid 2px #C5C5C5;" id="fp-img" width="32" height="0"></canvas>
<script type="text/javascript">
var fp = {{ fingerprint.fingerprint }};
var canvas = document.getElementById('fp-img');
canvas.height = fp.length;
var ctx = canvas.getContext('2d');
var pixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
var idx = 0;
for (var i = 0; i < fp.length; i++) {
for (var j = 0; j < 32; j++) {
if (fp[i] & (1 << j)) {
pixels.data[idx + 0] = 255;
pixels.data[idx + 1] = 255;
pixels.data[idx + 2] = 255;
}
else {
pixels.data[idx + 0] = 0;
pixels.data[idx + 1] = 0;
pixels.data[idx + 2] = 0;
}
pixels.data[idx + 3] = 255;
idx += 4;
}
}
ctx.putImageData(pixels, 0, 0);
</script>
<p><a href="{{ base_url }}track/{{ track_gid }}">Back to track "{{ track_gid }}"</a></p>
{% endblock %}