tarkov-maps-online
/
room.html

<!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">Aucune map</option>
                <option value="map1">Shoreline</option>
                <option value="map4">Shoreline resort</option>
                <option value="map2">Customs</option>
                <option value="custo_dorms">Customs dorms</option>
                <option value="map3">Woods</option>
                <option value="map5">Interchange</option>
                <option value="map6">Factory</option>
                <option value="lab_basement">The lab - sous-sol</option>
                <option value="lab_first">The lab - RDC</option>
                <option value="lab_second">The lab - 1er étage</option>
                <option value="map8">Reserve</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>