draw/index.html at master · Manic0892/draw · 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
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
<html>
	<head>
		<!--JAVASCRIPT LIBRARIES-->
		<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
		<script src='./lib/kinetic-v4.4.0.min.js'></script>
		<script src='./lib/spectrum/spectrum.js'></script>

		<!--CSS LIBRARIES-->
		<link rel='stylesheet' href='./lib/spectrum/spectrum.css' />
		<link rel='stylesheet' href='./lib/jquery-css/smoothness/jquery-ui-1.10.2.custom.min.css' />

		<script src='./res/draw.js'></script>
		<style type='text/css'>
			body {
				-webkit-user-select: none;
				-moz-user-select: -moz-none;
				-webkit-user-select: none;
				-ms-user-select: none;
				user-select: none;
				font-family:Arial;
				font-size:12px;
			}
			#stage {
				width:850;
				height: 500;
				margin-left:auto;
				margin-right:auto;
				border:1px solid black;
				cursor:none;
			}
			#wrapper{
				width:850;
				margin-left:auto;
				margin-right:auto;
			}
			.colorInput {
				height:30;
				font-size:25;
			}
			#inputHolder {
				padding-top:5px;
			}
			#pointSlider {

			}
			#pointSliderHolder {
				width:275px;
				float:right;
			}
			#pointSliderInnerHolder {
				padding-top:5px;
				width:200px;
				float:right;
			}
			#colorPicker {
				float:left;
			}
			#px {
				border:0px;
				text-align:right;
			}
		</style>
	</head>
	<body>
		<a href="https://github.com/Manic0892/draw" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
		<div id='wrapper'>
			<div id='stage'></div>
			<div id='inputHolder'><input type='text' id="colorPicker" /><div id='pointSliderHolder'><input type='text' maxLength=3 size=1 id='px' /> px <div id='pointSliderInnerHolder'><div id='pointSlider'></div></div></div></div>
		</div>
	</body>
</html>