sandevistan/src/fast-map-frame.ts at main · hmmhmmhm/sandevistan · GitHub

8000 sandevistan/src/fast-map-frame.ts at main · hmmhmmhm/sandevistan · GitHub

Repository navigation

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

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

import {

drawFastCanvasText as drawText,

FAST_CANVAS_COLOR as COLOR,

} from "./fast-canvas-style";

export function drawFullscreenMapHeader(

context: CanvasRenderingContext2D,

source: string,

layer: string,

radiusMeters: number,

) {

context.fillStyle = COLOR.background;

context.fillRect(0, 0, 576, 31);

context.fillStyle = COLOR.dim;

context.fillRect(0, 30, 576, 1);

drawText(

context,

`MAP // ${source} · ${layer}`,

14,

8,

12,

COLOR.primary,

"bold",

);

drawText(

context,

`ZOOM // ${radiusMeters}m`,

444,

8,

12,

COLOR.secondary,

"bold",

);

}

export function drawFullscreenMapFooter(

context: CanvasRenderingContext2D,

) {

context.fillStyle = COLOR.background;

context.fillRect(0, 254, 576, 34);

context.fillStyle = COLOR.dim;

context.fillRect(0, 253, 576, 1);

drawText(

context,

"© OSM CONTRIBUTORS",

14,

264,

9,

COLOR.secondary,

"bold",

);

drawText(

context,

"DOUBLE TAP // BACK",

400,

264,

9,

COLOR.primary,

"bold",

);

}

0