-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·120 lines (111 loc) · 4.06 KB
/
index.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Openpen by thiagomata</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="javascripts/main.js"></script>
<script src="javascripts/openpen.js"></script>
<script src="javascripts/rgbColors.js"></script>
<script src="javascripts/demo.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<header>
<h1>Openpen</h1>
<p>Javascript open draw reader</p>
</header>
<div id="banner">
<span id="logo"></span>
<a href="https://github.com/thiagomata/openpen" class="button fork"><strong>View On GitHub</strong></a>
<div class="downloads">
<span>Downloads:</span>
<ul>
<li><a href="https://github.com/thiagomata/openpen/zipball/master" class="button">ZIP</a></li>
<li><a href="https://github.com/thiagomata/openpen/tarball/master" class="button">TAR</a></li>
</ul>
</div>
</div><!-- end banner -->
<div class="wrapper">
<nav>
<ul></ul>
</nav>
<section>
<h3>
<a name="openpen" class="anchor" href="#openpen"><span class="octicon octicon-link"></span></a>Openpen</h3>
<p>We are working on some easy way to convert 2D drawing into objects. In this purpose, this module needs to be able to resize and rotate the elements and compare them with the known templates.</p>
<h2>
<a name="instalation" class="anchor" href="#instalation"><span class="octicon octicon-link"></span></a>Instalation</h2>
<p>There is not some easy installation process yet. Sorry :(
But, you still can just copy our javascript :D</p>
<h2>
<a name="demo" class="anchor" href="#demo"><span class="octicon octicon-link"></span></a>Demonstration</h2>
<p>In the current version, we are able to resize any matrix, estimate the missing values when it grows and merge the values when reduce.</p>
<div id="paleta"></div>
<br/>
<br/>
<input type="button" id="clearOrigins" value="clear image"/>
<br/>
<br/>
<div class="center">
<div>
<div id="origins"></div>
</div>
</div>
<br/>
<br/>
New Width = <span id="showWidth"></span> <br/>
<input type="range" id="thumbWidth" min="1" max="64"/>
<br/>
New Height = <span id="showHeight"></span><br/>
<input type="range" id="thumbHeight" min="1" max="64"/>
<div class="center">
<div>
<div id="destiny"></div>
</div>
</div>
<br/>
<br/>
<div class="center">
<div>
<div class="debug" id="debug-red"></div>
<div class="debug" id="debug-green"></div>
<div class="debug" id="debug-blue"></div>
</div>
</div>
<br/>
<br/>
<div class="center">
<div>
<div class="debug" id="heavyRed"></div>
<div class="debug" id="heavyGreen"></div>
<div class="debug" id="heavyBlue"></div>
</div>
</div>
<br/>
<br/>
</section>
<footer>
<p>Project maintained by <a href="https://github.com/thiagomata">thiagomata</a></p>
<p><small>Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></small></p>
</footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-54503933-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>