dewdle/control.html at master · vreelb/dewdle · GitHub

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
<html>
<head>
<script src="js/jquery.min.js"></script>
<script src="js/fabric.min.js"></script>
<script src="js/filesaver.min.js"></script>
<script src="js/sockets.js"></script>
<script src="js/control.js"></script>
<script src="js/viewscreen.js"></script>
<link rel="stylesheet" href="css/ui.css">
</head>
	<body>
		<div id="main">
			<div id="canvas-contain" style="max-width: 960" oncontextmenu="return false">
				<div id="indicator"></div>
				<canvas id="c" class="lower-canvas"></canvas>
			</div>

			<div style="display: inline-block; margin-left: 10px">
				<br>
				<button id="clear-canvas" class="btn btn-info">Clear</button><br>
				<br>
				<label for="drawing-color">Brush color:</label>
				<input type="color" id="drawing-color"><br>
				<label for="drawing-line-width">Brush size:</label>
				<span id="line-info"></span><input type="range" min="1" max="5" id="drawing-line-width"><br>
				<br>
				Spacebar controls live status.<br>
				<br>
				<button id="save-png" type="button">Save Canvas (as PNG)</button>
				<button id="save-json" type="button">Save Canvas (as JSON)</button>
				<br>
				<br>
				<input type="text" id="load-json-text" placeholder="Paste JSON data here..."></input>
				<button id="load-json" type="button">Load Canvas (from JSON)</button>
			</div>
		</div>
	</body>
</html>