public/javascripts/WireIt/js/CanvasContainer.js
function() {
		var ctx = this.canvasEl.getContext('2d');
	 
		ctx.strokeStyle = "#5B81AD"; 
      ctx.lineWidth= 2;

		ctx.save();
		ctx.translate( this.canvasWidth/2, this.canvasHeight/2);
		ctx.scale(this.canvasWidth/2-5, this.canvasHeight/2-5);
		ctx.arc(0, 0, 1, 0, 2*Math.PI, false);
		
		ctx.restore(); // restore so stroke() isn’t scaled
		
		ctx.stroke();
		
		ctx.fillStyle = "#DCE6F2"; 
		ctx.fill();
	}
function() {
		var ctx = this.canvasEl.getContext('2d');
	 
		ctx.strokeStyle = "#5B81AD"; 
      ctx.lineWidth= 2;

		ctx.save();
		ctx.translate( this.canvasWidth/2, this.canvasHeight/2);
		ctx.scale(this.canvasWidth/2-5, this.canvasHeight/2-5);
		ctx.arc(0, 0, 1, 0, 2*Math.PI, false);
		
		ctx.restore(); // restore so stroke() isn’t scaled
		
		ctx.stroke();
		
		ctx.fillStyle = "#DCE6F2"; 
		ctx.fill();
	}
function ( ) { var ctx = this . canvasEl . getContext ( '2d' ) ; ctx . strokeStyle = "#5B81AD" ; ctx . lineWidth = 2 ; ctx . save ( ) ; ctx . translate ( this . canvasWidth / 2 , this . canvasHeight / 2 ) ; ctx . scale ( this . canvasWidth / 2 - 5 , this . canvasHeight / 2 - 5 ) ; ctx . arc ( 0 , 0 , 1 , 0 , 2 * Math . PI , false ) ; ctx . restore ( ) ; // restore so stroke() isn’t scaled ctx . stroke ( ) ; ctx . fillStyle = "#DCE6F2" ; ctx . fill ( ) ; }
Draw the canvas
Draw the canvas