getrect/index.htm at master · dennistimmermann/getrect · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>shrek is love, shrek is life</title>
	<style type="text/css">
		html, body, #canvas {
			width: 100%;
			height: 100%;
			padding: 0;
			margin: 0;
		}
	</style>
</head>
<body>
	<canvas id="canvas" >

	</canvas>

	<script type="text/javascript" src="dist/getrekt.browser.js"></script>
	<script type="text/javascript">
		var canvas = document.getElementById('canvas')
		var context = canvas.getContext('2d')

		canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

		var points = []
		var draw = false

		var rec = new Getrect()

		var pathStart = function(e) {
			draw = true
			points.length = 0
			points.push([e.clientX, e.clientY])
		}

		var pathDraw = function(e) {
			points.push([e.clientX, e.clientY])
			draw && context.fillRect(e.clientX, e.clientY,3,3);
		}

		var pathEnd = function(e) {
			draw=false
			console.log(points.length)
			//console.log(JSON.stringify(points))
			var res = rec.recognize(points)
			console.log(res)
		}

		canvas.addEventListener('mousedown', pathStart)
		canvas.addEventListener('mousemove', pathDraw)
		canvas.addEventListener('mouseup', pathEnd)

		rec.add("a", [[159,557],[160,557],[161,557],[163,555],[166,551],[169,547],[173,540],[179,533],[184,524],[191,514],[199,502],[208,489],[218,472],[229,456],[240,441],[250,424],[295,346],[306,327],[315,307],[324,288],[333,268],[341,251],[349,234],[356,217],[363,199],[370,180],[376,167],[380,157],[382,151],[384,146],[385,142],[386,140],[386,139],[386,140],[388,145],[390,156],[393,170],[395,188],[397,205],[400,224],[403,244],[405,262],[406,280],[407,296],[410,315],[413,333],[416,348],[417,363],[418,377],[420,392],[420,407],[421,420],[421,435],[421,451],[423,464],[425,478],[427,491],[428,500],[430,509],[432,518],[434,525],[435,532],[437,539],[438,546],[438,550],[439,552],[439,553],[439,552],[438,549],[435,544],[430,537],[423,529],[414,518],[402,507],[390,497],[383,490],[376,481],[368,471],[359,463],[353,456],[347,450],[341,443],[334,436],[329,430],[324,425],[319,421],[314,415],[309,412],[306,409],[302,405],[299,403],[296,400],[293,397],[290,393],[286,390],[282,387],[280,385],[278,384],[277,383]])

		rec.add("b", [[222,56],[222,57],[222,60],[222,65],[222,72],[222,79],[221,89],[221,103],[221,121],[221,149],[223,172],[225,192],[226,210],[227,230],[228,248],[228,265],[229,285],[229,306],[230,324],[230,340],[230,354],[230,365],[230,375],[230,385],[230,397],[230,407],[230,413],[230,417],[230,422],[230,428],[230,434],[231,442],[232,447],[233,450],[233,451],[233,445],[233,436],[233,425],[231,409],[229,389],[227,365],[227,341],[226,316],[225,292],[224,268],[224,245],[224,225],[224,207],[224,190],[224,177],[222,163],[221,152],[220,142],[218,134],[216,124],[215,116],[214,108],[214,101],[213,95],[213,91],[214,86],[216,82],[218,77],[222,72],[231,59],[235,55],[243,51],[253,47],[263,43],[270,42],[276,42],[284,42],[292,44],[305,49],[322,56],[336,63],[348,69],[357,76],[363,81],[367,89],[370,96],[371,103],[372,109],[372,117],[371,126],[369,132],[367,139],[363,146],[356,154],[347,162],[336,171],[326,179],[316,185],[309,191],[300,197],[292,200],[283,204],[274,207],[266,210],[261,211],[258,212],[256,213],[255,213],[255,214],[254,214],[255,214],[263,215],[275,217],[293,220],[313,222],[335,227],[359,233],[382,240],[405,248],[425,256],[439,262],[446,267],[453,275],[458,284],[463,297],[467,308],[469,319],[470,329],[470,341],[468,353],[464,363],[459,373],[453,381],[446,390],[437,399],[426,404],[415,411],[402,418],[387,423],[373,428],[358,433],[343,438],[327,443],[313,446],[300,448],[293,449],[285,449],[276,449],[265,449],[252,448],[242,448],[235,448],[227,448]])

		rec.add("c", [[557,108],[556,108],[554,107],[550,105],[545,102],[540,100],[534,98],[528,96],[523,96],[518,94],[512,93],[504,91],[494,89],[482,88],[472,87],[464,86],[459,86],[452,86],[443,86],[432,87],[419,89],[408,91],[397,94],[388,96],[380,99],[374,102],[366,106],[358,109],[348,114],[339,118],[330,122],[322,128],[314,135],[307,140],[301,146],[273,169],[267,174],[262,181],[256,191],[252,200],[247,209],[243,219],[239,229],[236,240],[231,255],[228,272],[225,285],[223,297],[222,309],[221,320],[221,330],[221,340],[222,351],[224,364],[226,376],[229,385],[232,393],[236,401],[240,409],[246,418],[252,425],[260,432],[269,440],[283,448],[297,456],[309,461],[319,465],[330,469],[342,474],[354,478],[364,480],[373,482],[383,484],[394,484],[406,484],[418,482],[436,479],[453,475],[471,470],[488,466],[503,461],[515,456],[526,452],[535,447],[543,442],[552,436],[561,429],[569,422],[576,414],[582,406],[587,399],[590,393],[593,389],[594,387],[595,385],[595,384]], true)

		rec.add("d", [[263,138],[263,139],[261,142],[260,149],[259,157],[258,165],[258,177],[257,190],[257,203],[257,215],[257,229],[257,243],[258,256],[259,270],[259,287],[259,301],[259,313],[257,323],[255,335],[254,349],[252,362],[251,374],[251,385],[251,394],[251,402],[250,410],[250,416],[249,420],[249,423],[249,424],[249,423],[250,418],[251,410],[252,401],[252,390],[252,380],[251,370],[250,361],[250,350],[250,338],[250,327],[250,298],[250,289],[249,279],[249,270],[249,262],[249,253],[249,245],[249,237],[249,227],[248,219],[248,210],[248,204],[248,197],[250,188],[252,181],[255,174],[257,168],[259,163],[262,156],[266,150],[273,144],[278,138],[286,134],[294,129],[302,125],[313,122],[328,121],[345,120],[364,120],[385,122],[407,126],[428,130],[445,136],[459,141],[471,148],[487,157],[506,166],[518,176],[528,185],[534,196],[539,206],[542,219],[546,231],[547,243],[548,256],[549,270],[548,286],[544,300],[540,312],[536,326],[530,340],[524,352],[517,365],[510,376],[501,389],[490,401],[479,413],[450,435],[434,444],[416,451],[397,457],[381,462],[369,465],[356,468],[345,468],[334,467],[323,465],[311,462],[300,460],[290,457],[281,454],[273,452],[266,450],[259,448],[253,447],[245,445],[239,443],[235,442],[233,440],[231,440],[231,439],[230,439]])

		rec.add("check", [[116,338],[116,339],[118,341],[120,343],[122,346],[124,348],[127,350],[129,353],[132,356],[135,359],[136,362],[139,365],[141,369],[144,373],[147,377],[151,381],[155,386],[161,392],[168,396],[174,402],[180,406],[185,410],[190,416],[195,420],[200,425],[205,428],[211,433],[216,437],[220,441],[224,444],[227,446],[232,450],[236,454],[240,457],[244,461],[247,464],[250,467],[253,471],[256,475],[261,478],[264,481],[267,483],[270,486],[273,488],[275,490],[278,493],[279,494],[281,497],[284,499],[285,502],[287,503],[288,503],[288,504],[291,502],[293,498],[296,492],[299,486],[302,480],[306,473],[311,465],[317,457],[322,448],[329,438],[334,428],[340,418],[346,408],[351,398],[355,389],[361,381],[365,374],[370,368],[373,362],[377,354],[382,347],[386,339],[390,331],[395,322],[401,314],[407,304],[414,294],[420,283],[427,272],[434,263],[440,252],[447,242],[455,233],[462,221],[469,211],[477,201],[486,190],[493,182],[498,173],[504,166],[508,158],[513,152],[518,144],[523,139],[528,133],[532,128],[537,123],[541,119],[545,115],[548,112],[551,109],[553,106],[555,104],[557,101],[558,100],[558,99],[559,99],[559,98]])

		rec.add("triangle", [[372,141],[372,142],[370,144],[367,146],[365,149],[362,153],[360,157],[357,161],[353,168],[349,174],[346,183],[340,193],[334,204],[327,216],[319,229],[310,240],[305,250],[300,258],[297,266],[294,273],[291,280],[288,286],[284,291],[281,296],[278,301],[273,309],[268,317],[262,326],[254,334],[248,342],[242,350],[235,357],[230,364],[223,373],[220,380],[216,385],[213,389],[211,393],[209,396],[207,398],[205,400],[203,403],[201,405],[200,406],[201,406],[204,406],[209,406],[214,404],[221,404],[226,404],[233,404],[243,404],[251,404],[260,404],[271,404],[282,404],[294,403],[303,403],[315,403],[327,403],[346,403],[368,403],[388,403],[409,403],[425,401],[438,401],[450,401],[460,401],[467,401],[475,401],[482,401],[491,401],[501,403],[509,404],[515,405],[527,407],[529,407],[532,407],[532,406],[531,403],[530,398],[526,392],[522,385],[520,378],[517,372],[514,365],[510,357],[506,349],[502,341],[497,330],[494,323],[490,315],[487,307],[481,299],[475,288],[469,277],[464,268],[461,258],[456,247],[453,238],[448,228],[442,217],[436,208],[431,200],[427,194],[425,188],[421,182],[418,175],[415,170],[411,165],[408,160],[406,156],[403,153],[402,151],[401,149],[400,146],[398,144],[396,141],[395,140],[394,138],[394,137]])

		rec.add("circle", [[353,101],[352,101],[351,102],[349,102],[347,103],[344,104],[342,105],[339,105],[335,107],[331,108],[326,109],[322,110],[318,111],[315,113],[311,114],[307,116],[302,117],[296,119],[289,122],[283,124],[278,127],[274,130],[269,133],[264,137],[259,141],[253,146],[249,151],[244,156],[240,162],[235,167],[232,172],[229,178],[227,182],[226,187],[224,192],[223,197],[221,203],[220,209],[219,215],[218,221],[218,226],[217,232],[216,238],[216,245],[216,261],[216,269],[217,275],[217,280],[217,285],[218,291],[219,296],[220,301],[221,305],[222,310],[224,315],[226,319],[227,324],[229,328],[232,334],[235,339],[237,342],[239,346],[242,348],[245,351],[247,354],[251,357],[255,361],[260,365],[263,368],[268,372],[273,375],[277,378],[283,382],[289,384],[296,386],[303,388],[325,394],[332,394],[342,397],[351,398],[358,398],[365,398],[372,398],[379,399],[387,399],[396,399],[404,396],[412,396],[418,393],[424,391],[431,388],[437,386],[445,384],[450,382],[457,379],[464,376],[472,372],[482,368],[494,363],[502,358],[509,353],[515,348],[522,342],[526,336],[531,330],[535,324],[539,318],[542,312],[546,304],[549,297],[551,291],[552,286],[553,281],[553,276],[554,269],[555,261],[556,255],[556,249],[556,241],[555,234],[554,228],[551,221],[549,216],[547,210],[544,202],[542,195],[538,189],[535,183],[531,177],[527,169],[523,163],[520,158],[516,152],[509,145],[503,140],[499,136],[495,132],[491,129],[486,124],[481,120],[472,116],[464,111],[455,106],[446,102],[438,97],[431,95],[425,94],[421,92],[417,91],[413,91],[407,90],[401,89],[394,89],[390,89],[386,91],[383,91],[380,92],[377,93],[374,94],[371,94],[370,95],[367,96],[365,97],[364,97],[363,97],[363,98]], true)

		rec.add("zigzag", [[119,415],[120,415],[122,412],[124,409],[126,406],[128,401],[131,396],[133,388],[138,380],[142,370],[147,361],[152,352],[158,340],[164,329],[170,320],[175,313],[179,306],[183,301],[186,297],[189,294],[190,292],[192,291],[192,292],[195,299],[197,304],[199,310],[202,319],[205,329],[209,338],[214,345],[220,353],[225,359],[230,364],[234,369],[237,373],[240,377],[242,380],[245,383],[248,387],[251,390],[254,394],[258,397],[260,398],[262,399],[263,399],[265,399],[267,399],[269,398],[272,396],[274,394],[283,379],[287,372],[292,366],[298,360],[302,354],[307,349],[311,343],[317,334],[322,328],[329,320],[333,314],[337,309],[342,304],[345,300],[348,296],[349,292],[351,290],[352,290],[353,293],[355,298],[357,304],[360,312],[362,318],[365,324],[368,329],[372,335],[376,341],[380,348],[384,353],[388,359],[391,364],[394,368],[397,373],[399,377],[401,381],[403,384],[405,386],[406,388],[407,390],[408,391],[409,391],[411,389],[413,386],[416,381],[420,376],[424,370],[428,362],[434,354],[440,347],[446,337],[452,329],[460,322],[467,316],[473,310],[478,306],[482,302],[485,300],[487,299],[488,297],[489,297],[490,297],[491,301],[493,305],[495,312],[498,319],[502,327],[508,338],[514,347],[521,355],[528,364],[533,369],[536,374],[539,378],[541,381],[542,384],[545,387],[547,389],[549,392],[551,393],[552,396],[554,397],[554,398],[555,398]])

		rec.add("x", [[226,199],[226,200],[226,201],[227,204],[229,208],[231,213],[234,219],[238,225],[240,231],[244,238],[248,246],[252,254],[258,262],[267,270],[274,277],[279,283],[283,287],[304,316],[311,322],[316,329],[320,334],[325,340],[329,348],[334,357],[339,364],[343,370],[347,378],[351,384],[354,390],[358,395],[361,400],[365,405],[368,409],[370,412],[372,414],[373,416],[375,417],[376,418],[376,419],[376,418],[374,417],[369,416],[365,415],[360,413],[354,412],[351,411],[347,411],[344,411],[339,410],[331,410],[320,409],[307,407],[293,406],[281,405],[273,404],[266,404],[259,404],[253,403],[246,403],[239,403],[234,404],[227,405],[222,405],[217,406],[211,406],[206,407],[202,407],[197,408],[192,408],[186,408],[180,409],[175,409],[172,410],[171,410],[171,409],[173,408],[175,406],[178,404],[180,402],[183,400],[185,397],[189,393],[193,388],[197,383],[203,377],[209,371],[216,366],[222,360],[229,355],[238,349],[246,343],[254,337],[261,331],[267,323],[273,317],[279,311],[284,306],[290,299],[295,294],[299,290],[309,281],[312,278],[315,274],[319,269],[324,264],[331,260],[335,256],[341,251],[347,247],[355,242],[361,236],[366,232],[372,227],[377,221],[382,217],[385,213],[389,208],[392,204],[395,201],[397,199],[399,196],[402,193],[403,192]])

		rec.add("backspace", [[578,417],[578,416],[577,416],[575,416],[572,416],[568,417],[564,417],[560,418],[556,419],[550,419],[542,419],[536,419],[528,421],[522,421],[515,422],[508,423],[503,424],[496,424],[490,424],[483,424],[473,424],[465,425],[454,426],[446,427],[439,428],[433,428],[427,429],[419,429],[412,430],[405,430],[396,430],[387,430],[374,430],[360,431],[349,432],[341,432],[336,433],[331,433],[324,433],[315,433],[303,434],[289,436],[276,437],[263,438],[255,438],[244,438],[233,438],[219,437],[210,435],[205,434],[201,434],[199,434],[197,434],[196,434],[196,433],[199,432],[202,430],[205,428],[208,427],[212,425],[216,422],[220,419],[225,416],[231,412],[236,408],[243,404],[253,399],[260,395],[266,392],[272,389],[278,385],[283,382],[288,378],[293,374],[300,369],[307,366],[312,363],[315,360],[319,358],[322,356],[337,348]])

		rec.add("return", [[554,107],[554,108],[554,110],[554,114],[554,118],[553,124],[552,130],[550,139],[550,150],[549,163],[549,173],[549,179],[549,185],[550,193],[551,202],[551,211],[551,219],[552,225],[552,231],[552,240],[552,251],[553,261],[553,272],[553,279],[553,288],[553,294],[553,302],[553,318],[554,325],[554,334],[555,342],[555,348],[555,354],[555,362],[556,370],[556,375],[557,381],[557,383],[556,383],[552,382],[545,381],[535,380],[527,380],[520,380],[514,380],[507,380],[498,380],[487,380],[475,380],[465,381],[457,383],[449,385],[442,386],[435,386],[426,386],[412,386],[398,387],[385,389],[373,391],[362,393],[352,395],[339,396],[328,397],[318,398],[310,399],[302,400],[292,401],[285,402],[279,403],[275,403],[272,403],[271,403],[270,403],[269,403],[268,403],[269,403],[272,400],[277,397],[281,394],[288,391],[292,389],[295,385],[298,383],[302,380],[308,377],[312,375],[317,373],[320,370],[323,368],[325,367],[326,366],[328,365],[329,364],[330,364],[330,363]])

		rec.add("up", [[394,466],[394,465],[394,463],[394,460],[393,456],[392,452],[392,448],[392,444],[391,441],[391,437],[390,434],[390,432],[390,428],[390,425],[390,423],[390,420],[390,417],[389,411],[389,408],[389,404],[389,400],[389,395],[389,391],[389,386],[389,383],[389,379],[389,375],[389,371],[389,366],[389,360],[389,356],[389,351],[389,346],[388,340],[388,335],[388,329],[388,324],[388,318],[388,313],[388,307],[388,302],[388,297],[388,292],[388,286],[388,280],[388,275],[389,269],[389,264],[389,259],[389,253],[389,248],[389,245],[389,240],[388,235],[388,230],[387,224],[386,220],[386,215],[386,211],[386,207],[385,204],[385,200],[385,197],[385,193],[385,190],[385,187],[385,183],[385,179],[384,176],[384,172],[384,169],[384,167],[384,165],[384,162],[384,159],[384,157],[384,156],[384,155],[384,154]])

		rec.add("down", [[357,139],[357,140],[357,142],[357,145],[357,148],[357,150],[357,153],[357,157],[357,162],[357,168],[357,173],[357,177],[357,183],[358,188],[358,194],[359,206],[359,212],[360,217],[360,221],[361,226],[361,231],[361,236],[361,241],[361,247],[361,253],[361,260],[361,267],[361,273],[361,279],[361,286],[361,294],[361,311],[361,318],[360,326],[360,335],[360,344],[360,352],[360,360],[360,369],[360,375],[360,381],[360,386],[360,392],[360,397],[361,401],[361,406],[361,409],[362,413],[362,417],[362,421],[363,426],[363,431],[363,436],[363,442],[364,447],[364,452],[364,456],[365,459],[365,462],[365,464],[365,467],[366,470],[366,472],[366,475],[366,477],[366,479],[366,480],[366,481],[366,482],[367,483]])

		rec.add("left", [[585,333],[584,333],[583,333],[581,333],[577,333],[574,333],[571,333],[567,333],[563,333],[558,333],[552,333],[541,333],[530,333],[518,333],[510,333],[501,333],[496,333],[473,333],[467,333],[461,334],[455,334],[449,334],[442,334],[436,334],[431,334],[428,334],[424,334],[419,334],[412,334],[406,334],[399,334],[394,334],[389,334],[383,334],[376,333],[365,333],[355,333],[344,333],[336,333],[331,333],[325,334],[320,334],[315,334],[311,334],[306,334],[299,334],[292,334],[280,333],[268,332],[258,332],[251,331],[246,331],[242,331],[238,331],[233,331],[230,331],[225,331],[220,331],[214,331],[209,332],[205,332],[201,332],[199,332],[195,332],[191,333],[185,334],[181,334],[178,335],[176,335],[174,335]])

		rec.add("right", [[156,320],[156,319],[160,319],[163,318],[168,318],[173,318],[175,318],[177,318],[179,318],[183,318],[187,318],[190,317],[196,317],[202,317],[209,317],[217,317],[224,317],[232,316],[239,316],[246,316],[255,316],[264,316],[272,316],[278,316],[288,316],[295,316],[303,317],[309,317],[317,317],[327,317],[339,317],[350,318],[359,318],[365,318],[372,318],[380,317],[388,316],[395,315],[403,315],[411,315],[419,315],[426,314],[431,314],[437,314],[443,314],[449,314],[455,314],[460,314],[466,314],[473,314],[481,314],[489,313],[496,313],[504,312],[510,312],[516,312],[522,311],[526,311],[531,311],[535,311],[540,311],[545,311],[550,311],[554,311],[558,311],[563,311],[567,311],[571,311],[575,310],[578,310],[581,310],[583,310],[585,309],[588,309]])

		// getrekt.add("", [])

		// getrekt.add("", [])


	</script>

</body>
</html>