-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathroom.html
88 lines (80 loc) · 3.88 KB
/
room.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
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Escape from Tarkov Maps Editor</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style-room.css">
<body>
<main style="display: none">
<div class="canvas-container">
<canvas id="canvas" width="1920" height="1080"></canvas>
</div>
<div class="tools">
<div class="buttons">
<button id="line-drawing" style="margin-bottom: 5px">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000"
d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"></path>
</svg>
</button>
<button id="arrow-drawing">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000" d="M4,15V9H12V4.16L19.84,12L12,19.84V15H4Z"></path>
</svg>
</button>
<button id="circle-drawing">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000"
d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path>
</svg>
</button>
<button id="clear-canvas">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="#000000"
d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"></path>
</svg>
</button>
</div>
<div class="properties">
<select id="background-options" class="background-options">
<option value="none">Ninguno</option>
<option value="map1">Shoreline</option>
<option value="map2">Customs</option>
<option value="map3">Woods</option>
<option value="map10">Streets</option>
<option value="map5">Interchange</option>
<option value="map6">Factory</option>
<option value="map7">Interchange C.C. #2</option>
<option value="map8">reserve</option>
<option value="map9">Lighthouse</option>
<option value="map10">Streets</option>
</select>
<div class="range">
<div class="number-range">5px</div>
<div class="slide-range">
<input type="range" value="5" min="1" max="15" id="drawing-line-width">
</div>
</div>
<input type="color" value="#ff0100" id="drawing-color" class="drawing-color">
<div class="colors">
<div id="#ff0000" style="background-color: #ff0000"></div>
<div id="#00ff00" style="background-color: #00ff00"></div>
<div id="#000000" style="background-color: #000000"></div>
<div id="#ffffff" style="background-color: #ffffff"></div>
<div id="#0000ff" style="background-color: #0000ff"></div>
<div id="#ffb900" style="background-color: #ffb900"></div>
</div>
</div>
</div>
</main>
<div id="loader"></div>
<script type="text/javascript" src="js/firebase.js"></script>
<script type="text/javascript" src="js/fabric.min.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.hotkeys.min.js"></script>
<script type="text/javascript" src="js/fabric.arrow.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>