Projects/canvas.html at master · ilyahuman/Projects · 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
39
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1 day</title>
	<!-- <link rel="stylesheet" href="main.css"> -->
</head>
<body>

	<canvas id="draw" width="800" height="800"></canvas>

	<div class="wrapper">

		<div class="options-item">
			<label>
				Цвет
				<input type="range" name="color" min="0" max="360" value="">
				<input type="color" name="color_range" value="indigo">
			</label>
			<div class="value color" style="background-color: indigo;">
			</div>
		</div>
		<div class="options-item">
			<label>
				Размер пера
				<input type="range" name="width" min="1" max="10" value="1">
			</label>
			<div class="value width">1</div>
		</div>

	</div>

	<script src="dist/bundle.js"></script>
	<script>
		bundle.canvasPaint();
	</script>

</body>
</html>