$1 recognizer illustrator

Paste in an existing $1 Rec. point array to visualize it

by falldeaf

HTML

<canvas id="canvas" width="600" height="600"></canvas>

JavaScript

//get a reference to the canvas
var ctx = $('#canvas')[0].getContext("2d");

function Point(x, y) // constructor
{
	this.X = x;
	this.Y = y;
}

var parray = new Array(new Point(127,141),new Point(124,140),new Point(120,139),new Point(118,139),new Point(116,139),new Point(111,140),new Point(109,141),new Point(104,144),new Point(100,147),new Point(96,152),new Point(93,157),new Point(90,163),new Point(87,169),new Point(85,175),new Point(83,181),new Point(82,190),new Point(82,195),new Point(83,200),new Point(84,205),new Point(88,213),new Point(91,216),new Point(96,219),new Point(103,222),new Point(108,224),new Point(111,224),new Point(120,224),new Point(133,223),new Point(142,222),new Point(152,218),new Point(160,214),new Point(167,210),new Point(173,204),new Point(178,198),new Point(179,196),new Point(182,188),new Point(182,177),new Point(178,167),new Point(170,150),new Point(163,138),new Point(152,130),new Point(143,129),new Point(140,131),new Point(129,136),new Point(126,139));

for(i = 0; i <= parray.length-1; i++) {
	var p = parray[i];

	console.log(p);
  //draw a circle
  ctx.beginPath();
  ctx.arc(p.X, p.Y, 1, 0, Math.PI*2, true); 
  ctx.closePath();
  ctx.fill();
}