blob: ffea4ded08e86be6db7bd99000f16026dc0c3e14 (
plain)
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
|
<script>
import { coordinateLength } from '$lib/config';
import { canvas } from '$lib/stores/canvas';
const kSeparatorRegex = /([0-9a-z]{2})/g;
const formatCoordinate = function formatCoordinate(coordinate) {
return coordinate
.toString(16)
.padStart(coordinateLength, 0)
.replace(kSeparatorRegex, '$1 ');
}
</script>
<div class="hud">
{ formatCoordinate($canvas.x) } × { formatCoordinate($canvas.y) }
</div>
<style>
.hud {
background-color: #fff;
padding: 4px;
position: fixed;
bottom: 2px;
right: 2px;
font-smooth: never;
-webkit-font-smoothing : none;
}
</style>
|
